使用浏览器调试JS脚本

我用搜狗浏览器,Google浏览器,QQ浏览器都进行过JS脚本调试,三者基本上都是一样没有区别的,之前看书,介绍使用的是Firefox浏览器,因为界面有些不同,所以略有些不适应。

接下来简单说一下怎么用搜狗,Google,QQ这些浏览器进行调试:

首先用这些浏览器打开你创建的HTML网页,然后选择工具→开发者工具(下图是以QQ浏览器做的例子,不同的浏览器可能“开发者工具”所处位置不同,但都很容易找到)。

开发者工具

然后打开如下图:

调试界面

这个界面在这三个浏览器中都是差不多的,没什么大的区别。这里是用编写的一个九九乘法表做例子,如图中,选择“ch13-js-for-9x9.html”打开,当然如果js文件不是内嵌而是外部引入也可以从这里选择相应的js文件打开。


选择js断点

从图中可以看到在这个HTML文件中js代码部分,点击相应的行标“22”,就会如图中所示出现蓝色,然后点击Console,就会看到输出的日志信息。

调试台输出

如有什么地方不对,欢迎指正。

补充:刚才用QQ浏览器调试,发现无法从打开外部引入的js文件,有没有大神前来指教?

你可能感兴趣的:(使用浏览器调试JS脚本)