首页 > 解决方案 > 如何以编程方式查看 Chrome 扩展程序中网页发出的所有 AJAX 请求?

问题描述

我为扩展程序设计的网页有一些按钮,当单击这些按钮时,会发出 AJAX 请求以加载动态内容。我希望能够知道该内容何时加载。我在我的扩展中使用chrome.webRequest API。本质上,我想在选项卡中添加一个侦听器,并且每当发出请求时,我都想做一些事情。

起初我尝试将此代码放在内容脚本中,因为我认为请求会在网页上发出,但它是未定义的。

chrome.webRequest.onCompleted.addListener(
    function(details) {
        console.log(details);
    },
{
    urls: ["<all_urls>"]}
);

然后我把它放在 background.js 文件中,但它什么也没做。所以我想知道我是否做错了什么,或者可能没有正确使用 API。

我的清单也确实具有正确的权限:

"permissions": [
    "tabs",
    "storage",
    "webRequest"
  ],

那么我该怎么做呢?谢谢。

标签: javascriptgoogle-chrome-extensionfirefox-addon

解决方案


推荐阅读