JavaScript 调试

在编写 JavaScript 时，如果没有调试工具将是一件很痛苦的事情。

JavaScript 调试

没有调试工具是很难去编写 JavaScript 程序的。

你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。

通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。

JavaScript 调试工具

在程序代码中寻找错误叫做代码调试。

调试很难，但幸运的是，很多浏览器都内置了调试工具。

内置的调试工具可以开始或关闭，严重的错误信息会发送给用户。

有了调试工具，我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。

浏览器启用调试工具一般是按下 F12 键，并在调试菜单中选择 "Console" 。

console.log() 方法

如果浏览器支持调试，你可以使用 console.log() 方法在调试窗口上打印 JavaScript 值：

设置断点

在调试窗口中，你可以设置 JavaScript 代码的断点。

在每个断点上，都会停止执行 JavaScript 代码，以便于我们检查 JavaScript 变量的值。

在检查完毕后，可以重新执行代码（如播放按钮）。

debugger 关键字

debugger 关键字用于停止执行 JavaScript，并调用调试函数。

这个关键字与在调试工具中设置断点的效果是一样的。

如果没有调试可用，debugger 语句将无法工作。

开启 debugger ，代码在第三行前停止执行。

主要浏览器的调试工具

通常，浏览器启用调试工具一般是按下 F12 键，并在调试菜单中选择 "Console" 。

各浏览器的步骤如下:

Chrome 浏览器

打开浏览器。
在菜单中选择 "更多工具"。
在 "更多工具" 中选择 "开发者工具"。
最后，选择 Console。

Firefox 浏览器

打开浏览器。
右击鼠标，选择 "查看元素"。

Safari

打开浏览器。
右击鼠标，选择检查元素。
在底部弹出的窗口中选择"控制台"。

Internet Explorer 浏览器。

打开浏览器。
在菜单中选择工具。
在工具中选择开发者工具。
最后，选择 Console

Opera
- 打开浏览器。
- 点击左上角，选择"开发者工具",选择"WEB检查器"。

转载于:https://www.cnblogs.com/tanlei-sxs/p/9830726.html

JavaScript 调试相关推荐

selenium中javascript调试
之前写了使用js输入长文件的文章,有同事在使用时,发现竟然无法输入,也不知道是什么原因,且用的还是id方式. 在参考网文后,才发现是js写的有问题,现总结一下 javascript调试,在firefo ...
javascript调试_如何提高JavaScript调试技能
javascript调试 Almost all software developers who have written even a few lines of code for the Web ha ...
如何在Google Chrome浏览器中启动JavaScript调试器？
使用Google Chrome浏览器时,我想调试一些JavaScript代码. 我怎样才能做到这一点? #1楼在Chrome浏览器中按F12功能键以启动JavaScript调试器,然后单击" ...
Javascript 调试技巧
Javascript 调试技巧在代码中寻找错误 1)alert 方法: 弹框提示 2)console 方法在调试窗口上打印 JavaScript 值 3)断点调试在浏览器开发者工具中为JS代码添 ...
提高效率 JavaScript调试 js 调试工具
现在的JavaScript事实上已然成为了流行的web语言,即使它并不完美.很多程序员不喜欢用JavaScript写代码,是因为写到后来总会出现各种莫名其妙的bug,而且在开发大型应用程序的过程中很容 ...
IE6,7,8开发人员工具使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)
在上一篇文章IE8"开发人员工具"使用详解上(各级菜单详解) 中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了.而IE8开发人员工具更 ...
Vue.js 父子组件通信的十种方式；告诉世界前端也能做 AI；你可能不知道的14个JavaScript调试技巧...
记得点击文章末尾的"阅读原文"查看哟~ 下面先一起看下本周的摘要吧~ 想了解老用户如何参与阿里云双十一1折拼团特惠主机的,可以看第二条推送,文中提供了两种方法~,一起看看本周有哪些 ...
VS 2008 JavaScript 调试(待译)
译者:汪立时间:2008年1月18日博客地址: http://blog.csdn.net/lee576/ 原作者:ASP.NET之父 ******************************* ...
Javascript调试命令——你只会Console.log() ?
Javascript调试命令--你只会Console.log() ? Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console).不同浏览器上它的工作方式是不一样的 ...

JavaScript 调试

JavaScript 调试

JavaScript 调试工具

console.log() 方法

设置断点

debugger 关键字

主要浏览器的调试工具

Chrome 浏览器

Firefox 浏览器

Safari

Internet Explorer 浏览器。

Opera

JavaScript 调试相关推荐

最新文章

热门文章