浏览器自带调试工具

Q1： 如何使用IE浏览器自带开发人员工具调试JS程序

1、在工具->Internet选项->高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。
2、去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。
3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。
4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面。
5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。需要在表单设计器中，修改JS程序并保存。因演示效果的需要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。
6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行。

Www.JIZHUBa.%COm

Q2： 如何使用Google浏览器自带的调试工具

1、打开Google浏览器，打开任意一个网页，这里以百度首页为例，2、按下F12键，能看到会弹出的对话框，3、鼠标右键需要修改的地方，4、可以看到需要改动的地方，对应区域的CSS样式都在右侧区域显示，鼠标左键单击箭头所指区域，可添加所需的样式，并且可以实时的显示出来，当不需要时，去掉5、勾选即可，也可以直接按删除，制表符Tab可以自动补全属性名称，6、可以根据标签的id或者class值获取其属性，当提示undefined时，就需要查看是否存在这个标签值，7、显示的是进入网页所需的文件，同样的可以在里面直接修改，但不会保存到本地文件中，8、按下F12，打开需要调试的JS文件，在行开头单击鼠标左键，打下断点。9、快捷键F11是进入下一步，shift+F11跳出进入下一步，F8跳到下一个断点，这样就可以看到每一步程序运行所显示的结果，此时可以用步骤6用到的方法来查看标签的属性。