Facebook 的 Chrome 扩展程序仅在刷新时加载

Question

我写了一个应该说“嗨”的扩展程序。 每次用户点击页面时，代码如下：

ma​​nifest.json

{
"name" : "first-ext",
"version" : "1.0",
"manifest_version" : 2,

"permissions":[
    "tabs"
],
"content_scripts":
[
    {
        "matches" : ["https://www.facebook.com/*"],
        "js": ["jquery.js", "f.js"],
        "css": ["style.css"]
    }
]

}

f.js

$(document).ready(function(){ 
    alert("Hi."); 
});

我正在使用这些文件，如果我刷新每个页面，一切正常但是如果我通过单击每个链接更改页面，则脚本不会在新页面上运行。

例如如果打开 Facebook 主页，扩展程序会说“嗨。”； 如果现在我刷新它再次工作。 如果我单击朋友的时间线链接，则浏览器会打开该页面，但扩展程序不起作用。就像脚本没有执行一样。 如果我刷新，它会再次起作用。

这很不寻常，因为我在其他网站上尝试过相同的扩展程序，如果我刷新并通过单击某个链接更改页面，它工作正常。

对不起我的英语。

Answer 1

您应该使用MutationObserver。它将允许您对 DOM 中的更改做出反应。配合TreeWalker使用，效果特别好。

有关如何使用它的详细信息，请参阅sample extension。