Chrome扩展Manifest V3报window is not defined错误如何解决

• Manifest V3 中配置的background.service_worker是独立于网页运行的后台服务线程，不存在window、document等网页DOM相关API，你将操作页面表单的代码放在background.js中，自然会触发window is not defined报错。
• 你写的表单校验代码属于网页DOM操作逻辑，应该放在**内容脚本（Content Script）**中运行，内容脚本会被注入到目标网页上下文执行，可以正常访问页面的DOM、window对象。

1. 新建content-script.js文件，把你现有的表单校验代码全部移动到这个文件中，不需要修改代码逻辑。
2. 修改manifest.json配置，新增content_scripts字段，指定脚本注入规则，参考配置如下：

{
    "name": "CRM Validation Extension",
    "description": "Extension that validate fields of a opportunity",
    "version": "0.1",
    "manifest_version": 3,
    "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": ["content-script.js"],
            "run_at": "document_end"
        }
    ]
}

注意：matches字段请替换为你实际需要注入脚本的CRM站点地址，没必要保留<all_urls>获取全站点权限，既合规也能减少不必要的脚本注入。

3. 可选优化：配置了run_at: document_end后，脚本会在DOM加载完成后自动执行，你可以删掉代码里的window.onload包裹逻辑，直接调用validateCNPJ()即可。

如果你的CRM站点是单页应用（SPA），页面路由跳转不会触发整页刷新，可能会出现元素加载晚于脚本执行的情况，你可以在validateCNPJ中添加元素存在性判断，或者用MutationObserver监听目标DOM元素出现后再绑定事件即可。

内容的提问来源于stack exchange，提问作者Matheus Souza Silva