javascript - 用户重新加载页面后如何执行代码？ (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"
  ]
}

背景.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");
    }
});

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