Js-w3school(2020.2.6)【js调试】

二十五、js调试

1.查找编程代码中的错误被称为代码调试。内置的调试器可打开或关闭,强制将错误报告给用户。通过调试器,您也可以设置断点(代码执行被中断的位置),并在代码执行时检查变量。通常通过 F12 键启动浏览器中的调试器,然后在调试器菜单中选择“控制台”。
2. 可以使用 console.log() 在调试窗口中显示 JavaScript 的值
3. 在调试窗口中,您可在 JavaScript 代码中设置断点。在每个断点中,JavaScript 将停止执行,以使您能够检查 JavaScript 的值。在检查值之后,您可以恢复代码执行。
4. debugger 关键词
debugger 关键词会停止 JavaScript 的执行,并调用(如果有)调试函数。这与在调试器中设置断点的功能是一样的。
如果调试器不可用,debugger 语句没有效果。
如果调试器已打开,此代码会在执行第三行之前停止运行。

var x = 15 * 5;
debugger;// 停止运行
document.getElementbyId("demo").innerHTML = x; 

5.主流浏览器的调试:大部分浏览器内 f12 控制台
(1)Chrome
• 打开浏览器
• 从菜单中选择工具
• 从工具中选择开发者工具
• 最后,选择控制台
(2)Firefox Firebug
• 打开浏览器
• 前往网页:http://www.getfirebug.com
• 根据如下指令:如何安装 Firebug
(3)Internet Explorer
• 打开浏览器
• 从菜单选择工具
• 从工具选择开发者工具
• 最后,选择控制台
(4)Opera
• 打开浏览器
• 请前往网页:http://dev.opera.com
• 根据如下指令:如何安装 Firebug Lite
(5)Safari Develop Menu
• 点击 Safari 菜单,偏好设置,高级
• 选中“在菜单栏中启用开发菜单”
• 当菜单中出现新选项“开发”时,选择“显示错误控制台”

发布了41 篇原创文章 · 获赞 4 · 访问量 1638

猜你喜欢

转载自blog.csdn.net/mus123/article/details/104199970
今日推荐