如何利用Firefox自带的Web开发者工具分析网页
导读:本文共562.5字符,通常情况下阅读需要2分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 点击菜单->工具->Web开发者->切换工具,便可看到如下图示: 默认的Web开发者工具包含控制台、查看器、调试器、央视编辑器、分析器和网络分析器这6个部分,本文要说的是网络分析器这部分。 点击Web开发者工具的“网络”标签,如上图,会看到下面出现一个空表单头,包含的内容有方法、文件、域名、类型、大小和时间线,在最下面还有几个标签可以切换:所有、HTML、CSS、JS、X... ...
目录
(为您整理了一些要点),点击可以直达。点击菜单->工具->Web开发者->切换工具,便可看到如下图示: 默认的Web开发者工具包含控制台、查看器、调试器、央视编辑器、分析器和网络分析器这6个部分,本文要说的是网络分析器这部分。 点击Web开发者工具的“网络”标签,如上图,会看到下面出现一个空表单头,包含的内容有方法、文件、域名、类型、大小和时间线,在最下面还有几个标签可以切换:所有、HTML、CSS、JS、XHR、字体、图片、媒体、Flash。 利用网络分析器分析网页: 1、把窗口切换到“网络分析器”(如下图,点击“网络”这个标签)。 2、然后访问需要分析的网页,这时可以看到网页的瀑布流请求和时间线显示,如下图 3、通过上图所示,可以清晰的看到网页内部各文件的请求情况,右侧是访问时间线。 4、点击任何一行,右边就会出现该请求的详细信息,如下图所示: 5、再想展开时,点击那个展开的图标即可,如下图:
如何利用Firefox自带的Web开发者工具分析网页的详细内容,希望对您有所帮助,信息来源于网络。