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

Question

我想创建一个Chrome扩展程序，该扩展程序在用户重新加载选项卡时执行某些代码，例如，通过单击重新加载按钮。 我正在尝试通过侦听reload的transitionType通过webNavigation API进行此操作。 但是，我似乎无法使其正常工作。 这是我的代码：

的manifest.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是Event的属性，因此请尝试按以下方式更正您的代码：

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

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