现在每天都能接触到很多网页，相信一定有人对它是如何实现的一定很想了解，下面我就带着大家用Firefox自带的调试器讲解给大家如何用Firefox调试网页，会讲下HTML,CSS,JS,网络。工具/原料moreFirefox浏览器方法/步骤1/6分步阅读

打开火狐浏览器，点开一个网页，下面以百度网页来讲解。按下电脑上的快捷F12,火狐自带的调试器就出来了，点击左上角的箭头，我们可以对页面里面的任意元素进行定位。

2/6

HTML代码下面显示的是当前点击元素的CSS样式属性，还要字体大小，盒模型关于margin和padding属性的。可以加深理解。

3/6

上面工具栏右边的是控制台，可以用JavaScript代码获取元素的属性，也可以$(#id)获取元素的属性。

4/6

工具栏右侧的是调试器，里面可以设置断点，单步调试，多步调试，查看栈信息，变量信息。

5/6

旁边右侧的是网络。里面可以看到所有网络请问，网络状态码是200，表示访问成功。

6/6

随便点击一个方法，可以看出来是get还是post方法，里面有请求头的信息，还要返回的信息，很详细，这个功能很不错。

注意事项

下载最新版本的火狐浏览器

浏览器FIREFOXWEB调试器