Javascript Chrome扩展仅适用于开发工具

我已经创建了一个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"]
    }]
  }

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)
})

$（文档）.ready（（）=>{
var a=$（“div.v0nnCb”）
var-links=[]；
for（让索引=0；索引

Google在您的内容脚本运行后，使用自己的页面脚本动态构建页面。您可以使用MutationObserver或setTimeout重新检查元素的存在。编辑内容脚本后，单击

chrome://extensions

分机卡中的页面。

$(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)
})