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

Question

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

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

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

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

Answer 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>"]
});