Chrome扩展中JS的onload函数失效问题求助

嘿，这个问题我碰到过好几次，大概率是Chrome扩展的**内容安全策略（CSP）**在限制你的代码执行！

Chrome扩展默认的CSP非常严格，目的是防止恶意脚本注入，但这也会把我们写的一些常规内联代码给拦下来——比如你用body onload="startClock()"这种内联事件绑定，就属于被限制的范畴，常规网页里没问题，但扩展里直接就被block了。

给你两个可行的解决方案：

方案一：改用事件监听器（推荐） #

把内联的onload绑定换成纯JS的事件监听，完全规避CSP的限制。比如把你的时钟函数放到单独的JS文件里，然后在文件末尾加：

// 等DOM加载完成后启动时钟
document.addEventListener('DOMContentLoaded', function() {
  startClock();
});

同时记得把HTML里的<body onload="startClock()">改成普通的<body>就行。

方案二：修改manifest的CSP（不推荐，仅应急用） #

如果你实在要保留内联代码，可以在manifest.json里调整内容安全策略，添加unsafe-inline允许内联脚本。不过要注意，这会降低扩展的安全性，尽量不用。

• 如果你用的是Manifest V3（现在推荐的版本），配置要这么写：

{
  "manifest_version": 3,
  "content_security_policy": {
    "extension_pages": "script-src 'self' 'unsafe-inline'; object-src 'none'"
  },
  // 其他扩展配置（比如name、version、action等）
}

• 要是还在用Manifest V2，直接写字符串就行：

{
  "manifest_version": 2,
  "content_security_policy": "script-src 'self' 'unsafe-inline'; object-src 'none'",
  // 其他配置
}

最后再检查一下：确保你的JS文件已经正确在manifest里声明了（比如V3里的action指向的popup.html里正确引入了JS，或者作为content script注册），别漏了这一步哦！

内容的提问来源于stack exchange，提问作者human