chorme扩展时出错:未捕获ReferenceError:未定义窗口

Question

我正在开发一个Chrome扩展(我没有太多的经验)，我有以下代码：

window.onload = function () {
    validateCNPJ();
};

function validateCNPJ() {
    document.querySelector('div[data-field-name="CNPJ"] > input').addEventListener('keydown', (bla) => {
        let ble = bla.target.value;
        console.log(ble.length)
        if (ble.length > 17) {
            bla.preventDefault()
            bla.stopPropagation()
            return
        }

        ble = ble.replace(/\D/g, "")
        ble = ble.replace(/^(\d{2})(\d)/, "$1.$2")
        ble = ble.replace(/^(\d{2}).(\d{3})(\d)/, "$1.$2.$3")
        ble = ble.replace(/.(\d{3})(\d)/, ".$1/$2")
        ble = ble.replace(/(\d{4})(\d)/, "$1-$2")
        bla.target.value = ble;
    })
}

我添加了window.load，以便在页面加载时激活validateCNPJ功能。该函数实时验证表单中的特定字段。

问题是，当我上传扩展时，它显示一条错误消息，说：

Uncaught ReferenceError: window is not defined

我在浏览器的控制台中测试了函数validateCPNJ中的代码，它工作正常。

清单文件如下所示：

{
    "name": "CRM Validation Extension",
    "description": "Extension that validate fields of a opportunity",
    "version": "0.1",
    "manifest_version": 3,
    "background": {
        "service_worker": "background.js"
    }
}

我能做些什么来解决这个问题？

谢谢!

Answer 1

我设法解决了这个问题。之前我的manifest.json是这样的：

{
    "name": "CRM Validation Extension",
    "description": "Extension that validate fields of a opportunity",
    "version": "0.1",
    "manifest_version": 3,
    "background": {
        "service_worker": "background.js"
    }
}

我更改了背景对象，并替换为以下内容：

"content_scripts":[
        {
            "matches": [
                "<all_urls>"
            ],
            "js": ["background.js"]
        }
    ]

这解决了我遇到的问题。