早期我正在使用chrome dev工具（称为inspect元素）进行一些调试和测试。我发现在开发工具的资源列中，Chrome可以始终从服务器访问资源并显示它们（链接，视频，图像......）。只是想知道Chrome是如何做到的。有没有办法写一段代码做同样的事情（访问其他网站的服务器资源，不修改它们，但显示，如当前在网站上播放的视频的链接，这通常不会弹出，直到播放按钮被击中了？
答案 0 :(得分：3)
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。
答案 1 :(得分：0)
我认为Webkit WebInspector会查看漏洞源代码并匹配源的所有资源。
所以它匹配<link href="something.css">，然后在样式表下的资源面板中放置something.css。与其他标签完全相同。
为此制作正则表达并不难。