Chrome 扩展程序仅在刷新时运行，而不是在页面导航上运行 [重复]

Question

我有一个 chrome 扩展，我想在 GitHub 上操作一些 DOM。当我刷新任何给定页面时，一切都按预期工作，但如果我正常导航到该页面，则不会执行脚本。

ma​​nifest.json

{
    "manifest_version": 2,

    "name": "Name",
    "description": "Detailed description",
    "version": "1.3.5",
    "content_scripts": [{
        "matches": ["https://github.com/*/*/issues/*"],
        "js": ["jquery-2.1.0.min.js", "index.js"]
    }],
    "browser_action": {
        "default_icon": "icon.png"
    },
    "permissions": [
        "activeTab",
        "https://ajax.googleapis.com/"
    ]
}

index.js

$(document).ready(function() {
    // DOM manipulating code
    // removed for brevity
});

Answer 1

当您从另一个页面导航到 GitHub 页面时，页面中的容器会更新，而不是整个页面。

因此，根据我的经验...如果您从存储库的主页开始并切换到问题页面，扩展程序并不总是会注意到此更改。因此，我建议将清单 matches 更改为所有 github 而不仅仅是问题：

{
    "manifest_version": 2,
    "name": "Name",
    "description": "Detailed description",
    "version": "1.3.5",
    "content_scripts": [{
        "matches": ["https://github.com/*"],
        "js": ["jquery-2.1.0.min.js", "index.js"]
    }],
    "browser_action": {
        "default_icon": "icon.png"
    },
    "permissions": [
        "activeTab",
        "https://ajax.googleapis.com/"
    ]
}

如果这不起作用，那么在您的代码中，监视文档中的“pjax:end”事件：

document.addEventListener("pjax:end", function() {
    // run code/call function
});