作者:GZJYGZJYGZJY | 来源:互联网 | 2023-09-25 11:10
目前,常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。学会如何在IE中调试JS就足够了,在掌握了IE中的调试方法以后,Chrome和Firefox中的调试方法也变得相当简单了。
![dd96ea323ec2c45250220555342034fe.png](https://img3.php1.cn/3cdc5/653d/b64/922d335690d6966d.jpeg)
以IE8浏览器为例,接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。(该工具快捷按钮为F12)
需要调试的函数:
![35e0880c1e2a1fef4cf25b4006b59e95.png](https://img3.php1.cn/3cdc5/653d/b64/bc22d87d92b773cb.png)
1、在工具->Internet选项->高级,去掉“禁用脚步调试(Internet Explorer)”项的勾选。如图所示:
![0c0b0691cea2e29400f077285586759c.png](https://img3.php1.cn/3cdc5/653d/b64/194921c5702ce58d.png)
2、去掉“显示友好http错误信息”项的勾选。最后点击应用,确定按钮。如图所示:
![dda50be9f341f224c7f731a66ca34024.png](https://img3.php1.cn/3cdc5/653d/b64/4463c80e3c787ea5.png)
3、预览表单,当要执行的js程序出现错误时,浏览器会给出提示。如图所示:
![8b36a7eccd978d56591790faba1e0890.png](https://img3.php1.cn/3cdc5/653d/b64/c425573839f3a1f0.png)
4、在给出的错误提示窗口中,选择“是(Y)”按钮,进入IE浏览器自带的开发人员工具脚本调试界面,如图所示:
![31d0b308a8f423445fba54cf8fb6de4a.png](https://img3.php1.cn/3cdc5/653d/b64/4f6c3793decf3855.png)
5、根据JS调试信息可以知道,当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中,修改JS程序并保存。因演示效果的需要,在本例中是没有设置id值为dat的单行输入框控件的,本例中第二个单行输入框控件的id值是data2。修改后的JS代码,如图所示:
![24b9becca663f1cd5f208bee55c0ab18.png](https://img3.php1.cn/3cdc5/653d/b64/0e3379ccc24fad1d.png)
6、将其改成值data2后,再进行测试不会出现JS报错信息,程序得以正常执行。如图所示:
![150c0edb7375f12829f2110d548df4a7.png](https://img3.php1.cn/3cdc5/653d/b64/d78cb3cb999436f2.png)