1. 打开Chrome浏览器;
2. 打开需要调试的网页;
3. 如图所示调出开发者工具栏(使用快捷键Ctrl + Shift + i,或者直接按F12);
4. 点击Sources,小箭头,展开网页源代码;
5. 点击左边栏数字增加断点;
6. 运行页面脚本时,点击右侧控制按钮,可控制程序单步执行;
7. 在右侧可以监视表达式、调用堆栈、局部变量等。
步骤4-7如下图所示:
1. 打开Chrome浏览器;
2. 打开需要调试的网页;
3. 如图所示调出开发者工具栏(使用快捷键Ctrl + Shift + i,或者直接按F12);
4. 点击Sources,小箭头,展开网页源代码;
5. 点击左边栏数字增加断点;
6. 运行页面脚本时,点击右侧控制按钮,可控制程序单步执行;
7. 在右侧可以监视表达式、调用堆栈、局部变量等。
步骤4-7如下图所示: