我用搜狗浏览器，Google浏览器，QQ浏览器都进行过JS脚本调试，三者基本上都是一样没有区别的，之前看书，介绍使用的是Firefox浏览器，因为界面有些不同，所以略有些不适应。
接下来简单说一下怎么用搜狗，Google，QQ这些浏览器进行调试：
首先用这些浏览器打开你创建的HTML网页，然后选择工具→开发者工具（下图是以QQ浏览器做的例子，不同的浏览器可能“开发者工具”所处位置不同，但都很容易找到）。
开发者工具
然后打开如下图：
调试界面
这个界面在这三个浏览器中都是差不多的，没什么大的区别。这里是用编写的一个九九乘法表做例子，如图中，选择“ch13-js-for-9x9.html”打开，当然如果js文件不是内嵌而是外部引入也可以从这里选择相应的js文件打开。
选择js断点
从图中可以看到在这个HTML文件中js代码部分，点击相应的行标“22”，就会如图中所示出现蓝色，然后点击Console，就会看到输出的日志信息。
调试台输出
如有什么地方不对，欢迎指正。
补充：刚才用QQ浏览器调试，发现无法从打开外部引入的js文件，有没有大神前来指教？
我用搜狗浏览器，Google浏览器，QQ浏览器都进行过JS脚本调试，三者基本上都是一样没有区别的，之前看书，介绍使...
这个脚本使用浏览器的js调试功能实现的,可以快速的删除当前页面的所有素材信息.使用方法为打开需要删除的页面,打开浏...
脚本调试 脚本调试 1 使用 -x 启动脚本跟踪调试功能 2 脚本进行部分调试 1 使用 -x 启动脚本跟踪调试功...
在 iOS8 下，JSPatch 支持使用 Safari 自带的调试工具对 JS 脚本进行断点调试： 启动调试工具...
chrome 调试Node.js代码 添加--inspect 步骤 编写代码 app.js 使用命令 浏览器查看 ...
在IDE中修改JS文件后，在浏览器调试时，仍使用的是旧的JS文件 chrome浏览器的锅，disable cach...
开发 Javascript / JS浏览器端主要使用的脚本语言，也是Node.js等领域使用的语言；HTML负责结...
使用vue插件 使用chrome浏览器调试插件Vue.js devtools 添加一行代码Vue.config.d...
首先介绍一下使用工具 JS开发工具：hbuilder调试工具:火狐浏览器 js内部引入，注释 内部样式 js内部引...
问答 1. 如何调试 IE 浏览器 IE7及以上版本使用开发者工具调试。 IE6使用border、JS配合控制台调...
本文标题：使用浏览器调试JS脚本
本文链接：https://www.haomeiwen.com/subject/iqxvxqtx.html
网友评论