{"id":3296,"date":"2019-08-26T08:51:02","date_gmt":"2020-02-12T14:09:01","guid":{"rendered":"http:\/\/vip.fxxkpython.com\/?p=3296"},"modified":"2020-02-12T22:09:14","modified_gmt":"2020-02-12T14:09:14","slug":"31bea88ec7","status":"publish","type":"post","link":"https:\/\/vip.fxxkpython.com\/?p=3296","title":{"rendered":"\u4f60\u60f3\u9006\u5411\u6211\u7684 js \u4ee3\u7801\uff1f\u5475\u5475\uff0c\u5148\u8fc7\u4e86\u6211\u7684\u53cd debug \u518d\u8bf4\u5427\uff01"},"content":{"rendered":"
\n

\u6709\u65f6\u5019\u6211\u4eec\u5728\u722c\u53d6<\/span><\/p>\n

\u67d0\u4e2a\u7528 js \u6e32\u67d3\u7684\u7f51\u7ad9<\/span>
<\/p>\n


<\/section>\n

\u9700\u8981\u53bb\u5206\u6790\u4e00\u4e0b<\/span><\/p>\n

\u522b\u4eba\u7f51\u7ad9\u7684\u6570\u636e\u5c55\u793a\u89c4\u5219<\/span><\/p>\n


<\/section>\n

\u8fd9\u4e2a\u65f6\u5019\u5c31\u4e0d\u5f97\u4e0d\u7528 Chrome \u7684 DevTools \u8fdb\u884c\u5206\u6790\u4e86<\/span><\/p>\n


<\/section>\n

<\/section>\n
\"python\"<\/section>\n

<\/section>\n

<\/section>\n
\u5bf9\u4e8e\u4e00\u822c\u7684\u7f51\u7ad9<\/span>
<\/section>\n
\u6211\u4eec\u5728\u5177\u4f53\u7684\u4f4d\u7f6e<\/span><\/section>\n
\u6253\u4e2a\u65ad\u70b9\u5c31\u53ef\u4ee5\u8fdb\u884c\u8c03\u8bd5\u4e86<\/span><\/section>\n

<\/section>\n

<\/section>\n
\"python\"<\/section>\n

<\/section>\n

<\/section>\n
\u4e0d\u8fc7\u6709\u4e00\u4e9b\u7f51\u7ad9<\/span>
<\/section>\n
\u5f53\u4f60\u6253\u5f00 DevTools \u7684\u65f6\u5019<\/span><\/section>\n
\u4f60\u90fd\u8fd8\u6ca1\u6253\u65ad\u70b9<\/span><\/section>\n
\u4ed6\u5988\u7684\u76f4\u63a5\u5c31\u8fd9\u6837\u4e86<\/span><\/section>\n

<\/section>\n

<\/section>\n
\"python\"<\/section>\n

<\/section>\n

<\/section>\n

<\/section>\n
\"python\"<\/section>\n

<\/section>\n

<\/section>\n
\u4e00\u76f4 debug<\/span>
<\/section>\n
\u53ea\u8981\u4e00\u6309 F2 \u5c31\u4e00\u76f4 debug<\/span><\/section>\n

<\/section>\n
\u5c31\u7b97\u4f60\u8fd0\u884c\u8fc7\u53bb<\/span>
<\/section>\n
\u8fd8\u662f<\/span>\u4e00\u76f4 debu<\/span><\/strong>g<\/span><\/strong><\/span><\/section>\n
\u4e00\u76f4\u8c03\u7528<\/span><\/section>\n
\u5361\u6b7b\u4f60<\/span><\/section>\n
\u5361\u6b7b\u4f60<\/span><\/section>\n
\u5361\u6b7b\u4f60<\/span><\/section>\n
<\/section>\n
<\/section>\n
\"python\"<\/span><\/section>\n

<\/section>\n

<\/section>\n
\u5c31\u662f\u4e0d\u8ba9\u4f60\u8fdb\u884c\u8c03\u8bd5<\/span>
<\/section>\n
\u4f60\u5948\u6211\u4f55<\/span><\/section>\n

<\/section>\n

<\/section>\n
\"python\"<\/section>\n

<\/section>\n

<\/section>\n

<\/section>\n
\u54c7\u9760\u554a<\/span>
<\/section>\n
\u600e\u4e48\u89e3\u51b3\u5462<\/span>
<\/section>\n
<\/section>\n

<\/section>\n
\u63a5\u4e0b\u6765\u5c31\u662f<\/span><\/section>\n
\u5b66\u4e60\u53cd\u53cd debug \u7684\u6b63\u786e\u59ff\u52bf<\/span><\/strong><\/span><\/section>\n
<\/section>\n
\"python\"<\/span><\/span><\/a><\/section>\n


<\/p>\n


<\/p>\n

\u6765\u6765\u6765<\/span>
<\/section>\n
\u83ab\u614c<\/span><\/section>\n

<\/span><\/section>\n


<\/p>\n

\u5c0f\u5e05b\u5148\u8ddf\u4f60\u8bf4\u8bf4<\/span>
<\/section>\n
\u5728 Chrome \u7684\u5f00\u53d1\u8005\u5de5\u5177\u4e2d<\/span><\/section>\n
\n
\u600e\u4e48\u6837\u5728\u4ee3\u7801\u91cc\u9762\u6253\u65ad\u70b9<\/span>
<\/section>\n

<\/span><\/section>\n<\/section>\n

<\/section>\n
\u6211\u4eec\u6700\u5e38\u7528\u7684\u64cd\u4f5c<\/span><\/section>\n
\u5c31\u662f\u5728\u60f3\u8981\u6253\u65ad\u70b9\u7684\u4ee3\u7801\u884c\u5de6\u4fa7<\/span><\/section>\n
\u7528\u9f20\u6807\u8f7b\u8f7b\u70b9\u4e00\u4e0b<\/span>
<\/section>\n
\u5c31\u53ef\u4ee5\u751f\u6210\u4e00\u4e2a\u56fe\u6807<\/span><\/section>\n

<\/span><\/section>\n

<\/span><\/section>\n
\u7136\u540e\u5c31\u53ef\u4ee5\u5bf9\u8fd9\u884c\u4ee3\u7801<\/span><\/section>\n
\u5f00\u59cb\u8fdb\u884c\u8c03\u8bd5\u4e86<\/span>
<\/section>\n

<\/span><\/section>\n
<\/section>\n

<\/section>\n
\"python\"<\/section>\n

<\/section>\n

<\/section>\n
\u8fd9\u6837\u7684\u64cd\u4f5c<\/span><\/section>\n
\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5728\u4ee3\u7801\u4e2d\u64cd\u4f5c<\/span><\/section>\n
\u4f7f\u7528 debugger<\/span><\/strong> \u8fd9\u4e2a<\/span><\/section>\n
\u5173\u952e\u5b57\u5c31\u53ef\u4ee5\u4e86<\/span>
<\/section>\n

<\/section>\n
\u6bd4\u5982\u8fd9\u6837\u7684 js<\/span><\/section>\n


<\/p>\n

console.log(<\/span>'a'<\/span>);
<\/span><\/span><\/code><\/section>
console.log(<\/span>'b'<\/span>);<\/span><\/span><\/code><\/p>
debugger<\/span>;<\/span><\/span><\/code><\/p>console.log(<\/span>'c'<\/span>);<\/span><\/span><\/code><\/pre>\n

<\/section>\n
\u5f53 Chrome \u5728\u8fd0\u884c\u7684\u65f6\u5019<\/span><\/section>\n
\u53d1\u73b0\u4e86 debugger<\/span><\/section>\n

<\/section>\n
\u5c31\u4f1a\u505c\u4e0b\u6765<\/span>
<\/section>\n
\u8fdb\u5165\u8c03\u8bd5\u6a21\u5f0f<\/span>
<\/section>\n

<\/section>\n
\u5176\u5b9e\u5728\u4ee3\u7801\u4e2d<\/span><\/section>\n
\u58f0\u660e debugger <\/span>
<\/section>\n
<\/section>\n
\u5c31\u548c\u6211\u4eec\u70b9\u51fb\u4ee3\u7801\u884c<\/span><\/section>\n
\u5de6\u4fa7\u8fdb\u884c\u8c03\u8bd5\u662f\u4e00\u6837\u7684<\/span><\/section>\n

<\/section>\n
\u4e5f\u6b63\u662f\u56e0\u4e3a\u8fd9\u4e2a\u5173\u952e\u5b57<\/span>
<\/section>\n
\u6240\u4ee5\u5c31\u53ef\u4ee5\u4ece\u5b83\u5165\u624b<\/span><\/section>\n

<\/section>\n
\u53ea\u8981\u5728\u9996\u9875\u7684 js \u4e2d<\/span>
<\/section>\n
\u5199\u4e00\u4e2a\u65b9\u6cd5<\/span><\/section>\n
\u4e0d\u65ad\u7684\u5faa\u73af\u6267\u884c debugger<\/span><\/section>\n

<\/section>\n
\u6bd4\u5982<\/span>
<\/section>\n

<\/section>\n
\n