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

工具/原料

chrome浏览器   Mozilla firefox   电脑

方法/步骤

1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。

2、选择指定的dom节点进行查看和编辑。

3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单的js代码：function debug(){for (var i=0i<10i++){alert(i)}调试截图如下：

4、js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，以下是页面打开后所有发起的请求。

点击事件，执行的是javascript代码，绑定到html元素的上的代码，是javascript的dom  API接口,在ie8到ie11里按F12键打开开发者工具，脚本选项卡，启动调试，找到页面，在javascript脚本要调试的行添加断点。firefox按F12打开firebug 前提是你安装了firebug这个插件，opera按下shift+ctrl+i打开dragonfly开发者工具，还有chrome的开发者工具，基本都是一样的，找到“脚本”选项卡，选择自己要调试的页面，在html中的javascript脚本或者html引入的javascript文件里，在要调试的行上断点。

一下是一个inline的行内脚本，也就是写在html文件里的javascript脚本的调试