如何使用Net Panel，HTTP Fox和Fiddler2分析HTTP请求

这是任何Web开发人员理解HTTP请求，并能够分析该文件时加载网页加载必要的。 例如，说一个网页加载很慢，你想知道为什么！ 是的，我们都在那里！ 值得庆幸的是有些工具可以帮助我们什么巡视HTTP请求被页面执行过程中被红牌罚下我们的HTTP请求，并监控。

包括在这个帖子：

1. NET面板 -概述，以及如何使用它。
2. HTTP福克斯 -概述，以及如何使用它。
3. Fiddler2 -概述，以及如何使用它。

我给你的每一个工具功能的简要概述，什么是最好的了解，以及如何你可以用它们来帮助你的网络诊断。

＃1 - 萤火虫网面板

NET面板是一部分的Firebug安装和“NET”选项卡下坐。 净小组的主要目的是为了监视网页发起的HTTP流量，只需出示所有收集和计算的信息给用户。 其内容是由其中每个条目表示由页面作出一个请求/响应往返条目的列表的。

什么是好它

• JS的文件，CSS文件，Flash，HTML和图像实时观看，因为他们正在加载。
• 瀑布图时间轴文件被加载它显示出来

如何使用它

举个例子，我要检查加载到我的网页jQuery的文件。 首先，加载萤火虫，打开NET面板。 然后重新装入您的网页。 该文件应该开始出现在列表中，因为它们加载。

净面板上有你的加载顺序和加载时间，显示一个真棒瀑布样式表。

请求参数 （见参数和值你在你的请求发送过什么真正有用的）。

请求头信息

请求响应 （在本例中它是JavaScript文件的代码，但它可能是JSON，HTML，数据或从请求返回的任何东西）。

请求高速缓存信息

找萤火虫（+ NET面板）

＃2 - HTTP福克斯

HTTP福克斯是一个Firefox附加可用于作为替代萤火虫的NET面板。 我喜欢HTTP通过NET面板，它的速度和易用性。 是HttpFox监控并分析浏览器和web服务器之间的所有传入和传出的HTTP流量。

什么是好它

• 最大详细全屏分离选项
• 在搜索结果直播过滤器，因为他们进来

如何使用它

它本质上是相同的过程，因为NET面板上方，但我真的喜欢HTTP福克斯它的速度和易用性！ 这是我最喜欢的肯定，我喜欢用它是从主窗口分离，并有它在旁边的自动滚动第二屏幕的方式。 你可以在浏览器的右下角使用按钮卸下。

当页面正在加载的文件中列出。

我绝对推荐使用过滤器来查找文件。 在下面我的例子已经找到加载所有的PNG图像。

请求中的Cookie

信息发布数据

有时，如果一个文件没有正确地加载它会被高亮红 - 伟大的发现文件丢失/错误的请求！

获取HTTP福克斯

＃3 - 2提琴手

我已经包括提琴手2，因为每一个Web开发人员应该做的多浏览器测试和提琴手2只适用于任何浏览器，特别是IE。 需要注意的是萤火虫NET面板和HTTP福克斯Mozilla附加组件仅与Firefox的工作，所以小提琴。

什么是好它

• Fiddler2在Internet Explorer和其他浏览器
• Fiddler2是免费的

什么是不好的吧

• Fiddler2拥有丰富的选项/设置（你可能只使用他们一样的5％）

如何使用它

进程过滤器按钮拖放到要跟踪，诸如IE的窗口。

选择要添加任何过滤器：

• 蜱使用过滤器（过滤器选项卡上）
• 选择“只显示下列主机”
• 输入要显示活动域

重新加载页面加载的网页请求。 你可以双击在网络会话窗口中单击请求，以查看其详细信息或点击检查员得到的JavaScript加载，饼干设置，缓存和头信息。

你必须刷新该过滤器的工作。 有时候，如果它不能正常工作，关闭并重新启动小提琴手，并使用启动即按钮。

获取Fiddler2

＃4 - Wireshark的

Wireshark是一个功能强大的网络分析工具，我只建议使用它，如果其他选项上面不产生任何结果你。

这篇文章是写给有利于扩大Web开发的知识。 它支付知道（和理解）发生了什么幕后当你加载网页。 如果您有任何意见或建议，欢迎他们一如既往！

From: https://www.sitepoint.com//http-request-net-panel-httpfox-fiddler2/