Chrome扩展程序仅在开发工具中有效

时间:2019-11-23 11:36:14

标签: javascript google-chrome-extension

我创建了一个chrome扩展程序,该扩展程序将在Google搜索结果的开头添加一个索引,但到目前为止,只有检查元素然后刷新页面后,我才能成功获得正确的输出。如果我定期刷新页面,就好像代码没有运行。

manifest.json:

{
    "manifest_version": 2,

    "name": "number nodes for accessibility",
    "version": "0.1.0",
    "description": "numbering of anchor tags for accessibility",
    "permissions": ["activeTab", "<all_urls>", "file:///*"],

    "browser_action": {
        "default_icon": "128.png"
    },
    "background": {
        "scripts": ["background.js"],
        "persistent": false
    },
    "content_scripts": [{
        "matches":["<all_urls>"],
        "css": ["number.css"],
        "js": ["jquery-3.4.1.js","number.js"]
    }]
  }

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript({
        file: 'number.js'
    });
});

number.js

$(document).ready(()=>{
    var a = $("div.v0nnCb")
    var links=[];
    for (let index = 0; index < a.length; index++) {
        const element = a[index].innerHTML;
        a[index].innerHTML = "("+index+"): "+element;
        links.push(a[index].baseURI)
    }
    console.log(links)
})

0 个答案:

没有答案