用户重新加载页面后如何执行代码?(Chrome 扩展程序)

天地

我想创建一个 Chrome 扩展程序,当用户重新加载选项卡时执行一些代码,例如点击重新加载按钮。我试图通过做这个webNavigationAPI通过聆听了transitionTypereload但是,我似乎无法让它发挥作用。这是我的代码:

清单文件

{
  "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 文件中吗?最终它会播放声音。

西蒙·布兰兹多夫

在我看来,从文档中可以看出,transitiontype 是 Event 的一个属性,因此请尝试按如下方式更正您的代码:

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Google Chrome扩展程序:页面重新加载后如何立即注入脚本?

如何自动重新加载chrome扩展程序?

Chrome扩展程序在加载错误时重新加载页面

Chrome扩展程序-等待页面重新加载以继续执行脚本

保持Chrome扩展程序在页面上重新加载

Chrome扩展程序:加载所有其他页面脚本后运行扩展程序的脚本

如何生成解压后的扩展程序的Chrome扩展程序ID?

Chrome扩展程序:结帐后,蜂蜜扩展程序如何下拉?

如何自动重新加载正在开发的Chrome扩展程序?

如何在Chrome扩展程序中重新加载某些标签

Chrome扩展程序,如何延迟脚本,直到页面完全加载

Chrome扩展页面重新加载

Chrome扩展程序如何从url获取页面的源代码

Chrome扩展程序用户界面

Chrome扩展程序选项

Chrome扩展程序-通知

Chrome扩展程序的指标

Chrome扩展程序CaptureStream

如何在用户重新加载页面或退出我的 vuejs 应用程序之前执行操作

如何测试Chrome扩展程序?

chrome.runtime.sendMessage在重新加载Chrome扩展程序后从内容脚本抛出异常

Chrome 扩展 - 如何在页面加载时运行 eval 代码

chrome扩展程序:启动时停止加载页面

Chrome扩展程序:在页面加载之前注入JS

Chrome扩展程序:使其在每次加载页面时运行

Chrome扩展程序未在某些页面中加载

Chrome扩展程序,可防止部分页面被加载

chrome扩展程序:页面加载完javascript后运行脚本

刷新页面后才加载Chrome扩展程序内容脚本