javascript - Chrome 扩展程序内容脚本在页面刷新之前不会加载

Question

我有一个 Chrome 扩展程序内容脚本，我想在 Trello 看板上运行。目前，它仅包含:

console.log("Hello, world!");

当您通过内部链接(例如“我的图板”页面)打开 Trello 看板页面时，内容脚本不会运行。不过，它会在您刷新页面后运行。

我的 list 文件包含:

{
  "manifest_version": 2,

  "name": "Temp Ext",
  "version": "1.0",

  "content_scripts": [
    {
      "matches": ["*://trello.com/b/*"],
      "js":["contentscript.js"]
    }
  ]
}

任何人都可以帮我找出为什么脚本在页面最初加载时没有运行吗？

编辑:更正问题。仅在点击内部链接(而不是任何链接)后才出现问题。

Answer 1

问题是 Trello uses HTML5's pushState用于页面转换，因此内容脚本并不总是在打开面板后运行。

解决方案

list 更改:

{
  "manifest_version": 2,

  "name": "Temp Ext",
  "version": "1.1",

  "content_scripts": [{
    "matches": ["*://trello.com/*"],
    "js":["contentscript.js"]
  }],

  "background": {
    "scripts": ["background.js"]
  },

  "permissions": [
    "*://trello.com/*", "tabs", "webNavigation"
  ]
}

添加后台脚本:

chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) {
    chrome.tabs.executeScript(null,{file:"contentscript.js"});
});