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

JavaScript028

如何进行html调试和js脚本调试,第1张

进行html调试和js脚本调试的方法：

1、在chrome中打开开发者工具，打开方式如下图，也可以使用快捷键F12来打开。

2、找到一个叫做“Sources”,点击它

3、可以在左侧侧栏的序号那些位置点击一下就设置成断点，当你要执行某个函数的时候浏览器就会自动进入调试模式了

1）首先来看一下目前IE11存在的一些js兼容问题。

2）其次来确认一下自己的笔记本的系统信息

1）登入的系统(为了信息安全，图片进行了简单处理)

2）在IE11默认的打开的方式下，鼠标单击任何按钮都是没有效果的，单击日志查询后再单击设备管理，可以看到页面是没有响应事件的。此时需要激活IE11下的兼容模式来浏览本页面。

进入IE11的兼容模式

1）在IE11页面内按F12 打开全新的开发者工具，。

2）在左侧找到 仿真功能，里面设置 文档模式与 用户字符串 都改为IE7的模式，这样就进入了浏览器的兼容模式，此时再回到刚才的页面 点击 日志查询 按钮 可以看到下面已经响应了js事件。

现在找到需要调试的页面中js脚本

1）打开需要进行调试的页面，在开发者工具中的 DOM资源管理器中 使用 选择元素 按钮，选出的文档位置。

2）在DOM资源管理器中找到 的js脚本位置，因为是在DOM资源管理器中打开的，所以在这里只能看不能操作，打开的js也是用文本的方式呈现出来的。

通过上面一步，如果能够定位到的js代码就已经确定可以进行js的debug调试了。

1）打开开发者工具中的调试程序功能，。

2）点击左上角的文件夹图标，找到的js代码

到这里为止，的IE11浏览器就能帮调试js代码啦。

还有另一种方式来调试js脚本

就是借助非IE的但是用IE内核做成的浏览器，比如360急速浏览器。

在兼容模式下，F12进入开发者工具,就会见到熟悉的画面了。