3

与开发人员工具网络面板提供的相比,我如何更深入地了解 Web 浏览器的网络级别发生的情况?例如,我现在正在尝试在 Firefox (18.0.1) 中调试页面上的问题,在该页面完成加载后,加载“微调器”会持续很长时间。

firebug net 面板显示所有资源已加载(“200 OK”),但选项卡上的加载图标仍在旋转,窗口底部的文本仍显示“Transferring data..”。我将如何仔细查看并查看据称仍在传输的内容?请注意,这似乎只发生在 Firefox 上,并且只在新加载时发生(而不是在缓存资源时)。

4

3 回答 3

3

在检查了您与 Wireshark 和 HTTPScoup(另一种工具)的链接后,我从两者得出的结论是所有数据都已成功到达,并且没有与您的服务器 IP 保持打开的连接。我认为FF中的问题与其他问题有关

谷歌透露,在某些情况下,有可能将 FF 混淆为这种状态。它不必与打开的网络连接相关。

例如看一下这个问题: FireFox 位于“从...传输数据”或“读取...”

HTML正文中存在未封闭标签的问题..所以也尝试找到这样的问题。你可以尝试通过运行一个验证器来修复一些验证错误,比如这个。由于您有大约200 个验证错误,我建议您首先删除一半的 HTML 代码,直到问题消失,这样才能在问题位置归零。然后进去修复标签混乱..在 HTML 源代码中看一下让我头疼:)

于 2013-01-31T20:29:37.237 回答
2

我会使用FiddlerWireshark之类的工具来执行此操作。这两个工具都提供了更多的低级数据包信息。

我将从提琴手开始。Fiddler 用于 http 流量分析,而 Wireshark 是一个成熟的数据包嗅探工具,用于所有层的网络流量。

这两种工具的另一个优点是您可以将它们与任何浏览器一起使用。提琴手的一个缺点是我相信它仅适用于 Windows。

于 2013-01-31T18:15:23.450 回答
2

我会推荐一个非常好的 Firefox 扩展,叫做HttpFox,它比wireshark 和朋友更容易使用

它可以让您更详细地查看页面进行的 HTTP 调用,以及页面之间的流程(快速重定向等)。这是它的样子:

在此处输入图像描述

于 2013-01-31T18:19:19.123 回答