本文目录一览：
怎么在浏览器中调试JS代码
google,或者360浏览器，鼠标右键—检查
设置断点，进行调试，调试过程中，鼠标选中某一个变量，会显示变量的值...等等。
chrome浏览器怎么调试js
工具：谷歌浏览器
步骤
打开开发者工具，可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
打开的开发者工具就长下面的样子，建议将开发者工具弹出作为一个独立的窗口。
这个就是查看、编辑页面上的元素，包括HTML和CSS：
左侧就是对页面HTML结构的查看与编辑，可以直接在某个元素上双击修改元素的属性，或者点右键选;Edit as Html;直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。
Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：
如何使用浏览器调试工具调试js
按F12有调试工具，可以选择性的看到，你得注意找到你想调试的语句
怎么利用浏览器的调试工具来调试JS代码
1、在工具-Internet选项-高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。 2、去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。 3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。 4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面， 5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中，修改JS程序并保存。因演示效果的需要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。修改后的JS代码， 6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行
