查找编程代码中的错误被称为代码调试. 调试并不简单. 但幸运地是, 所有现代浏览器都有内置的调试器. 内置的调试器可打开或关闭, 强制将错误报告给用户.
通过调试器, 您也可以设置断点(代码执行被中断的位置), 并在代码执行时检查变量. 通常通过 F12 键启动浏览器中的调试器, 然后在调试器菜单中选择 "控制台".
console.log() 方法
如果您的浏览器支持调试, 那么您可以使用 console.log() 在调试窗口中显示 JavaScript 的值:
console.log()方法可以将结果显示在浏览器的控制台中. 如果代码中有任何错误, 则会生成错误消息.
例: 在控制台输入一项结果, 查看输出
- x = 10;
- y = 15;
- z = x + y;
- console.log(z);
- console.log(a); //a 没有什么定义, 无法输出, 会出错
输出:
设置断点
在调试窗口中, 您可在 JavaScript 代码中设置断点.
在每个断点中, JavaScript 将停止执行, 以使您能够检查 JavaScript 的值.
在检查值之后, 您可以恢复代码执行.
debugger 关键词
debugger 关键词会停止 JavaScript 的执行, 并调用 (如果有) 调试函数.
这与在调试器中设置断点的功能是一样的.
如果调试器不可用, debugger 语句没有效果.
调试器在 debugger" 关键字的位置上停止执行程序. 然后, 我们可以手动启动执行流程. 如果发生异常, 则执行将在该特定行上再次停止.
- x = 10;
- y = 15;
- z = x + y;
- debugger;
- alert(z);
- alert(a);
输出:
alert(z); 会执行, 输出 15, 但 alert(a); 会出错.
主流浏览器的调试工具
通常, 您在浏览器中通过 F12 键启用调试, 并在调试器菜单中选择 "控制台".
否则请按照以下步骤:
Chrome
打开浏览器
从菜单中选择工具
从工具中选择开发者工具
最后, 选择控制台
Firefox Firebug
打开浏览器
前往网页: http://www.getfirebug.com
根据如下指令: 如何安装 Firebug
Internet Explorer
打开浏览器
从菜单选择工具
从工具选择开发者工具
最后, 选择控制台
Opera
打开浏览器
请前往网页: http://dev.opera.com
根据如下指令: 如何安装 Firebug Lite
Safari Develop Menu
点击 Safari 菜单, 偏好设置, 高级
选中 "在菜单栏中启用开发菜单"
当菜单中出现新选项 "开发" 时, 选择 "显示错误控制台"
来源: http://www.css88.com/qa/javascript/12148.html