二十五岁时我们都一样愚蠢、多愁善感,喜欢故弄玄虚,可如果不那样的话,五十岁时也就不会如此明智。
标题:JavaScript调试
这是很容易发生错误编写JavaScript代码没有调试器.
JavaScript 调试
写JavaScript不使用代码调试器是很困难的.
您的代码可能包含难以诊断的,语法错误或逻辑错误.
通常,当JavaScript代码包含错误,什么都不会发生。没有错误消息,你将没有迹象表明在哪里搜索错误.
通常情况下,错误会发生,你的每一次尝试写一些新的JavaScript代码.
JavaScript 调试器
在编程代码中查找错误称为代码调试.
调试不容易。但幸运的是,所有现代浏览器都有内置调试器.
内置的调试器,可以开启和关闭,迫使错误被报告给用户.
使用调试器,还可以设置断点(可以停止代码执行的地方),并在代码执行时检查变量。
你在你的浏览器中激活调试用F12键,并选择“Console”菜单中的调试。
console.log() 方法
如果你的浏览器支持调试,您可以使用console.log()在调试器窗口中显示JavaScript值:
<!DOCTYPE html> <html> <body> <h1>我的第一个web页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
设置断点
在调试器窗口中,你可以在JavaScript代码中设置断点.
在每一个断点,JavaScript将停止执行,并让你查看JavaScript值.
检查值后,您可以恢复代码的执行(通常是使用执行按钮).
调试器关键词
调试器关键词停止JavaScript的执行,并要求(如果有)的调试功能.
这与调试器中设置断点的功能相同.
如果没有可用的调试,debugger语句没有影响.
随着调试器打开,此代码将停止执行之前,它执行第三行.
var x = 15 * 5; debugger; document.getElementbyId("demo").innerHTML = x;
主要浏览器调试工具
通常,您激活您的浏览器F12调试,并选择“控制台”菜单中的调试。
否则按照这些步骤:
Chrome
- 打开浏览器。
- 从菜单中选择工具。
- 从工具,选择开发工具。
- 最后,选择控制台。
Firefox Firebug
- 打开浏览器。
- 转到网页: http://www.getfirebug.com
- 按照指示如下: install Firebug
Internet Explorer
- 打开浏览器。
- 从菜单中选择工具。
- 从工具,选择开发工具。
- 最后,选择控制台。
Opera
- 打开浏览器。
- 转到网页: http://dev.opera.com
- 按照指示去做: 在工具栏上添加一个开发者控制台按钮。
Safari Firebug
- 打开浏览器。
- 转到网页: http://safari-extensions.apple.com
- 按照指示如下: install Firebug Lite.
Safari Develop Menu
- 打开Safari, 首先项, 主菜单中的高级.
- 选中 "Enable Show Develop menu in menu bar".
- 当新的菜单选项"Develop"出现在菜单栏时: 选择 "Show Error Console".
你知道吗?
调试是在计算机程序中测试、查找和减少错误(错误)的过程。 第一个已知的计算机错误是一个真正的臭虫(昆虫)停留在电子元器件上。