Question

如何使用firefox中的开发者工具

Answer 1

　　Firefox自带的Web开发者工具使用非常简单，点击一下按钮就可以窥视到网页内部各元素的瀑布流式请求，可以看到网页里哪些文件在什么时候被请求和耗时多少并显示到浏览器上。
　　Firefox自带的Web开发者工具在哪里

　　点击菜单->工具->Web开发者->切换工具

　　默认的Web开发者工具包含控制台、查看器、调试器、央视编辑器、分析器和网络分析器这6个部分，本文要说的是网络分析器这部分。点击Web开发者工具的“网络”标签，会看到下面出现一个空表单头，包含的内容有方法、文件、域名、类型、大小和时间线，在最下面还有几个标签可以切换：所有、HTML、CSS、JS、XHR、字体、图片、媒体、Flash。
　　如何利用网络分析器分析网页

　　1、把窗口切换到“网络分析器”

　　2、然后访问需要分析的网页，这时我么可以看到网页的瀑布流请求和时间线显示
　　可以清晰的看到网页内部各文件的请求情况，右侧是访问时间线。
　　点击任何一行，右边就会出现该请求的详细信息
　　再想展开时，点击那个展开的图标即可

　　总结

　　利用Firefox网络分析器分析网页，不需要安装任何插件，既简单又方便，可谓Web开发者的一大利器。

Answer 2

你在火狐浏览器的插件库中搜 firebug，将这个插件安装以后重启下浏览器就可以看到浏览器右上角有个虫子，你点击这个虫子后虫子发亮变成橙色就可以进行开发调试了。

Answer 3

1、打开Firefox

2、打开需要调试的网页

3、按F12即可