早些时候，我使用 chrome 开发工具（称为检查元素）进行了一些调试和测试。我发现在开发工具的 Resources 列中，Chrome 总是可以从服务器访问资源并显示它们（链接、视频、图像......）。只是想知道 Chrome 是如何做到的。有没有办法写一段代码做同样的事情（访问其他网站的服务器资源，不修改它们，而是显示，例如，当前在网站上播放的视频的链接，通常不会弹出，直到播放按钮被点击）？
【问题讨论】：
标签： google-chrome google-chrome-devtools
DevTools 不会从站点获取资源。它从浏览器中获取它们。
已经有类似的问题了
How does webkit/chrome's WebInspector Resources Inspection work?
和
Getting Information from Google Chrome's Developer Tools
Chrome 开发者工具有前端 (html+javascript) 和后端 (C++) 两部分，并且有一个 API 指定这些部分之间的协议。你可以看到the specification here。您可以使用它来编写自己的应用程序，而不是标准的 DevTools 前端。
还有用于 chrome 扩展的 experimental debugging API。
【讨论】：
我认为 Webkit WebInspector 会检查漏洞源代码并匹配源的所有资源。
所以它匹配<link href="something.css">，然后将something.css 放在样式表下的资源面板中。其他标签完全相同。
为此制作正则表达式并不难。
【讨论】：