在类似于 chrome 开发工具中的网络的 url 中检测请求调用答案

【问题标题】：detect requests calls in a url similar to network in chrome dev tools在类似于 chrome 开发工具中的网络的 url 中检测请求调用
【发布时间】：2015-08-23 11:27:07
【问题描述】：

我不知道我正在寻找的东西是否可能，我想要 JS 或任何其他编程方法解决方案来检测给定 url 页面的请求调用，类似于 chrome 开发工具

有一个显示视频的网站，我想通过视频页面 url 访问播放列表 url，我检查了源页面但我没有找到它，它在页面后 4 -6 秒后加载加载后，我只能在 chrome 开发工具中的 Network 选项卡下找到它。

注意：Internet 下载管理器和其他 firefox 插件可以检测播放列表 url。这应该是某种方式。

已编辑：我愿意开发 chrome 扩展来捕获播放列表链接，类似于 IDM chrome 扩展工作。

【问题讨论】：

JavaScript 将无法捕获网页中的随机 http 调用。您可以编写一个插件并使用该 api。
@epascarello 我无法访问网站页面，我想使用 curl ( php ) 或 chrome 扩展 JS 访问页面信息
@Kamal 你试过这个吗：developer.chrome.com/extensions/webRequest
@Brian 是的，我已经尝试过了，它奏效了。我只是忘了更新我的答案。如果有人需要，我会添加我的代码。还是谢谢。

标签： javascript google-chrome google-chrome-extension google-chrome-devtools

【解决方案1】：

我可以在 chrome 扩展中使用 webRequest 来做到这一点。我在 background.js 中添加了这段代码，它起作用了。

chrome.webRequest.onCompleted.addListener(function(details) {
    var extension = details.url.split('.').pop();
    if(extension == 'm3u8' ){
        console.debug(details.url);
    }

}, {
    urls: ["<all_urls>"]
});

【讨论】：