如何利用Firefox自带的Web开发者工具分析网页

Question

如题所述

Answer 1

　　点击菜单->工具->Web开发者->切换工具，便可看到如下图示：

　　默认的Web开发者工具包含控制台、查看器、调试器、央视编辑器、分析器和网络分析器这6个部分，本文要说的是网络分析器这部分。

　　点击Web开发者工具的“网络”标签，如上图，会看到下面出现一个空表单头，包含的内容有方法、文件、域名、类型、大小和时间线，在最下面还有几个标签可以切换：所有、HTML、CSS、JS、XHR、字体、图片、媒体、Flash。

　　利用网络分析器分析网页：

　　1、把窗口切换到“网络分析器”（如下图，点击“网络”这个标签）。

　　2、然后访问需要分析的网页，这时可以看到网页的瀑布流请求和时间线显示，如下图

　　3、通过上图所示，可以清晰的看到网页内部各文件的请求情况，右侧是访问时间线。

　　4、点击任何一行，右边就会出现该请求的详细信息，如下图所示：

　　5、再想展开时，点击那个展开的图标即可，如下图：

Answer 2

　　Firefox自带的Web开发者工具使用非常简单，点击一下按钮就可以窥视到网页内部各元素的瀑布流式请求，可以看到网页里哪些文件在什么时候被请求和耗时多少并显示到浏览器上。 　　Firefox自带的Web开发者工具在哪里 　　点击菜单->工具->Web开发者->切换工具 　　默认的Web开发者工具包含控制台、查看器、调试器、央视编辑器、分析器和网络分析器这6个部分，本文要说的是网络分析器这部分。点击Web开发者工具的“网络”标签，会看到下面出现一个空表单头，包含的内容有方法、文件、域名、类型、大小和时间线，在最下面还有几个标签可以切换：所有、HTML、CSS、JS、XHR、字体、图片、媒体、Flash。 　　如何利用网络分析器分析网页 　　1、把窗口切换到“网络分析器” 　　2、然后访问需要分析的网页，这时我么可以看到网页的瀑布流请求和时间线显示 　　可以清晰的看到网页内部各文件的请求情况，右侧是访问时间线。 　　点击任何一行，右边就会出现该请求的详细信息 　　再想展开时，点击那个展开的图标即可 　　总结 　　利用Firefox网络分析器分析网页，不需要安装任何插件，既简单又方便，可谓Web开发者的一大利器。

Answer 3

可以安装firebug插件等诸多web开发插件来分析网页的内容

Answer 4

您好！

点击菜单按钮->开发者->切换工具箱， 默认的Web开发者工具包含查看器、控制台、调试器、样式编辑器、性能和网络分析器。

希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
了解更多火狐浏览器的使用小技巧，请到火狐社区：http://mozilla.com.cn/moz-portal.html
感谢您对火狐浏览器的支持！本回答被提问者和网友采纳