早些时候，我使用chrome-dev工具（称为inspect元素）进行了一些调试和测试。我发现在开发工具的资源栏上，Chrome总是可以从服务器访问资源并显示它们（链接、视频、图像……）。只是想知道Chrome是如何做到这一点的。有没有办法写一段代码来做同样的事情（访问其他网站的服务器资源，而不是修改它们，而是显示网站上当前播放的视频的链接，通常只有按下播放按钮才会弹出）？
DevTools不会从站点获取资源。它从浏览器中获取它们。
已经存在类似的问题
webkit/chrome'；的WebInspector资源检查工作？
和
从Google Chrome获取信息'；s开发人员工具
Chrome开发工具分为前端（html+javascript）和后端（C++）两部分，并且有一个API来指定这两部分之间的协议。您可以在此处查看规格。您可以使用它来编写自己的应用程序，而不是标准的DevTools前端。
还有针对chrome扩展的API的实验调试。
我认为Webkit WebInspector会检查漏洞源代码并匹配源代码的所有资源。
因此，它匹配<link href="something.css">，然后在样式表下的资源面板中放置something.css。其他标签也是如此。
为此生成正则表达式并不难。