用户重新加载页面后如何执行代码？ （Chrome 扩展程序）

Question

我想创建一个 Chrome 扩展程序，在用户重新加载选项卡时执行一些代码，例如通过点击重新加载按钮。我试图通过webNavigation API 通过监听reload 的transitionType 来做到这一点。但是，我似乎无法让它工作。这是我的代码：

ma​​nifest.json

{
  "manifest_version": 2,
  "name": "Sample Extension",
  "description": "Sample Chrome Extension",
  "version": "1.0",
  "background": {
    "scripts": ["background.js"]
  },
  "permissions":[
    "webNavigation"
  ]
}

background.js

chrome.webNavigation.onCommitted.addListener(function(transitionType) {
    if (transitionType.status == "reload") {
        // code goes here e.g. a console log
        console.log("You reloaded");
    }
});

任何想法我哪里出错了？另外，我应该将可执行代码（此处显示为警报）放在单独的 .js 文件中吗？最终它会播放声音。

Answer 1

据我看来，transitiontype 是事件的一个属性，因此请尝试按如下方式更正您的代码：

chrome.webNavigation.onCommitted.addListener(function(d) {
    if (d.transitionType == "reload") {
        // code goes here e.g. an alert
        alert("You reloaded");
    }
});

注意：如果您单击历史记录中的链接，这也会触发代码