如何更详细地了解 Web 浏览器 http 进程?

如何更详细地了解 Web 浏览器 http 进程?

此主题详细描述了连接到网页并在浏览器中显示网页的过程。

但我想知道的是如何跟踪该过程?Firefox 或其他浏览器是否有记录该过程的选项?

为了将问题放在上下文中,我正在对一个速度缓慢的网站进行故障排除,当我单击链接时,它显示“正在等待 example.com...”这只发生在我在 WordPress 安装中执行某些操作时,而不是在我尝试加载静态图像时,因此 WordPress 生态系统中肯定存在某些问题导致它挂起。但“正在等待 example.com”是一个非常模糊的消息,所以它并没有真正给我任何故障排除信息。我很想有一个日志,其中浏览器显示“向...发出请求,在 52 毫秒内完成。向 发出请求,超时(20 秒)”。

有类似的东西吗?我通常会搜索这些东西,但我不知道该用什么术语。

答案1

Google Chrome 已内置开发者工具这有助于识别问题。有一个“网络”选项卡可以帮助识别正在访问哪些资源以及访问了多长时间。

答案2

查看Fiddler

Fiddler 是一个 Web 调试代理,可记录您的计算机与互联网之间的所有 HTTP(S) 流量。Fiddler 允许您检查流量、设置断点以及“调整”传入或传出数据。

Wireshark

Wireshark® 是一款网络协议分析器。它可让您捕获并以交互方式浏览计算机网络上运行的流量。

有关的:

答案3

如果您喜欢使用 Chrome,它有一些非常强大的内置开发人员工具,可以通过快捷键 Shift+Ctrl+I 访问。转到网络选项卡,您可以看到页面在一段时间内发出的所有 HTTP 请求和响应,包括 AJAX 请求,并获取每个请求的详细信息。使用 wireshark 可以提供类似的结果;但是,由于 Chrome 工具专门用于调试网站问题,因此呈现方式更加易读。

答案4

现在大多数浏览器都具有出色的“开发工具”,可以完成所有这些功能,甚至更多。

此外,对于 Firefox,萤火虫是一款出色的工具,可用于分析网络连接和性能问题,并且拥有许多可增加额外功能的插件。此外,还提供了适用于其他浏览器的“精简”版本。

相关内容