Chrome扩展触发点击事件上的图标按下

Chrome Extension to trigger click event on icon press

本文关键字：图标 事件 扩展 Chrome      更新时间：2023-09-26

我试图为Chrome浏览器做一个扩展，这样当图标被点击时，它会在相关网页的div上触发一个点击事件。我想不明白。有人能看到或告诉我哪里做错了吗?这可能吗?

Manifest.json 

{
        "name": "Name",
        "version": "1.0",
        "manifest_version": 2,
    "icons": {
     "128": "icon128.png",
     "48": "icon.png"
   },
        "browser_action": {
        "name": "Name"
        },
        "background":{
            "scripts":["background.js"]
        },
        "permissions":["https://inbox.google.com/*"] //Put All your URL here
 }

的背景
chrome.browserAction.onClicked.addListener(function (tab) {
    if (tab.url.indexOf("https://inbox.google.com/*") != -1) {
        chrome.tabs.executeScript(tab.id, {
            "file": "clicky.js"
        }, function () {
            console.log("Script Executed .. ");
        });
    }
});

js 

$('.b2')[0].click()

你没有包括jquery在你的manifest.json和你没有访问页面的jquery实例(阅读这个)，所以你不能在你的内容脚本上使用jquery。

假设存在一个具有'b2'类的元素，将clicky.js中的代码更改为此，它应该可以工作:

var btn = document.querySelector('.b2');
if(btn){
   btn.click();
}

编辑

此外，在background.js中，当您调用indexOf时删除通配符:

if (tab.url.indexOf("https://inbox.google.com/") != -1) {
相关文章：