前端调试，FireFox 开发工具使用详解

1、打开FireFox浏览器，打开一个网页，我这里是英文版，对应中文，是在‘工具’/ ‘web开发者’/ ‘开发者工具’

3、先看下HTML检查，选中开发者工具的箭头，再点击页面的某个控件，就可以从网页直接定位到对应的HTML代码，可以方便我们检查代码是否正确，还可以编辑这些代码，编辑后的结果也立即呈现。

4、再看调试器，在JS代码里，加上 debugger;这个词，当脚本运行到这行，就会进入调试状态，如图，当然你也可以在开发者工琼藻樘哒具里，打开某个js文件，在某一行加上断点，脚本运行到断点，也会自动进入调试状态，有了这个javascript脚本的调试，了解代码运行情况或查询代码bug，有极大的帮助。

5、再来看样式编辑器，左边选择需要修改的样式文件，右边就显示了这个文件的内容，在这里，你可修改已有的样式，也可以添加新的样式，或删除不需要的样式，所有更改，会立即在页面起作用。修改完，可以拷贝内容回对应文件里保存。