如何使用firefox进行网页js调试

一、如何使用firefox进行网页js调试

使用firefox进行网页js调试的方法：

1、用Firefox浏览器打开该页面，在浏览器的打开浏览器的工具栏，找到开发者选项按钮

3、完成后，看到浏览器最下方出现开发者选项的工具标识和关闭开发者工具栏的x标识

4、单击开发者选项的工具标识进入查看器页面

5、查看器页面有查看器，控制台，调试器，样式编辑器，性能，网络等tab页。

点击调试器tab页，刷新要调试的页面，调试器主窗口会出现要调试的代码

点击点击暂停按钮，点击后按钮状态改变，同时右边的三个调试步骤变为可操作状态，调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时，在代码行上面打断点。点击断点后，代码自动进入调试状态，取消断点，代码直接运行过去。

二、如何进行html调试和js脚本调试

chrome浏览器 Mozilla firefox电脑

1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。

2、选择指定的dom节点进行查看和编辑。

3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单的js代码：function debug(){for(var i=0;i<10;i++){alert(i);}调试截图如下：

4、js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，以下是页面打开后所有发起的请求。

三、浏览器怎么调试代码

1、打开要调试的网页，按F12，调出浏览器的开发者工具。

2、在开发者工具中，点击“调试器”，在左侧“来源”菜单中找到要调试的js文件，或者包含js代码的网页文件，点击该文件，右侧窗口查看程序代码，在需要调试的代码的序号处单击添加断点。

3、按F5刷新当前页面，开发者工具中，程序会在设置断点的位置暂停，此时可使用右侧的调试按钮进行跨越、步进、步出等调试。

4、如果要查看js程序中的变量，则选中该变量，右击，选择“添加监视表达式”，在开发者工具右侧可以查看该变量的实时数据。