如何从 google chrome inspect 元素中找到 HTTP 请求?

How to find the HTTP request from google chrome inspect element?

如果我没有使用正确的术语,请原谅我。我有一个网页,我正试图从中抓取信息。问题是当我查看页面源时,我想要抓取的数据不存在。我在主 http 请求触发其他请求之前遇到过这个问题,所以我正在寻找的信息实际上是我使用 Google chromes inspect - Network 功能找到的其他地方。我手动搜索各种文档和 xhr 文件,以便找到具有正确信息的文件。这有时是漫长而乏味的。我还可以使用 google chrome 的检查功能来检查包含我想要的信息并显示正确源代码的元素,但我似乎无法弄清楚在哪里或如何可以用它来快速找到相应的 HTTP headers.

简而言之,我可以使用 google chrome 的检查元素功能,然后让它向我显示生成该代码的相应网络事件(HTTP 请求)吗?

我将添加我正在处理的案例研究。

 http://www.flashscore.com/tennis/atp-singles/acapulco/results/

显示了网球锦标赛中发生的不同比赛。我正在尝试抓取匹配的 href,但如果您查看页面的源代码,您会发现它们不存在。

谢谢

一种方式:

打开 firefox,安装 LiveHttpHeaders,然后 运行 安装它,您将看到预期的 HEADERS。

googlechrome 有相同的插件,但未测试。

Restated in a short - can I use the inspect element feature of google chrome and then ask it to show me the corresponding network event (HTTP request) that produced that code?

没有。这不是浏览器跟踪的内容。

在大多数情况下,HTTP 响应在最终变成页面上的元素之前会经过大量 Javascript 代码。跟踪给定元素的哪个 HTTP 响应 "responsible" 将涉及大量数据流分析,并且对于浏览器来说是不切实际的。