页面调试js,页面调试工具中的地址

如何在网页中调试JavaScript

以IE8浏览器为例，接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。（该工具快捷按钮为F12）

1、在工具-Internet选项-高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。

2、去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。

3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。

4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面。

5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中，修改JS程序并保存。因演示效果的需要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。修改后的JS代码。

6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行。

7、本例只是演示了如何利用IE自带的开发人员工具进行简单的调试工作，如需了解其他调试及排查技巧，请参阅网络及相关书籍进行学习。

如何调试html网页中的js代码

以谷歌浏览器Chrome为例（火狐类似），说下前端打“断点”：

一、按F12快捷键打开Chrome控制台，点击“Sources”选项卡，如图：

二、刷新当前网页，代码执行到“断点”处会停住，如上图蓝色区域；

三、按F8快捷键可以在不同的断点之间切换、按F10快捷键程序代码会一步步执行，这样就能很方便定位到错误区域，排查错误。

说明：火狐浏览器的操作方法和谷歌类似，当然界面略有不同。

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

1、首先使用Firefox火狐浏览器打开需要调试页面，也可以在开发工具设置火狐浏览器来打开：

2、在打开的Firefox浏览器中按F12键，接着就会打开“开发者工具”了：

3、此时选择“调试器”选项，然后选择需要调试的JS文件，接着就可以在需要调试的位置加入断点进行调试：

4、按F11或者F10单步调试JS，这里F11和F10的区别是F11调试，单步执行进入调用的其它函数；而F10调试单步执行，是不进入调用的其它函数的。当然也可以单机页面上相应的按钮进行调试。以上就是用Firefox调试网页的过程：