书签脚本document.body.contentEditable失效排查求助

问题描述 #

此前使用如下书签脚本可正常编辑网页：

javascript:document.body.contentEditable=true; document.designmode=on; void 0;

但最近该脚本无法实现网页编辑功能，修改为以下脚本后仍无效：

javascript:document.body.contentEditable = true; void 0;

补充：该脚本在其他设备正常，仅Chromebook上失效。

可能原因 #

• ChromeOS严格的内容安全策略（CSP）：多数现代网站会配置CSP规则，禁止inline JavaScript执行，而书签脚本属于inline脚本范畴，Chromebook上的Chrome浏览器对CSP的执行更为严格，直接拦截了这类脚本。
• 脚本语法错误：原脚本中document.designmode=on存在两处问题：一是designmode应为驼峰写法designMode，二是on需要用双引号包裹为字符串"on"，部分浏览器可能兼容错误写法，但Chromebook的Chrome对语法要求更严谨。
• Chrome安全设置变更：Chromebook上的Chrome可能开启了「安全增强模式」或其他站点权限限制，这类设置会进一步限制非信任脚本的运行。

解决办法 #

1. 修正脚本语法
   使用修正后的自执行函数脚本，避免语法问题并提升兼容性：

javascript:(function(){document.body.contentEditable = true; document.designMode = "on"; void 0;})();

2. 调整Chrome安全设置
   打开Chrome设置→隐私和安全→安全，关闭「安全增强模式」（注意：全局关闭会降低安全性，建议仅在需要编辑的站点临时调整）。
3. 使用网页编辑扩展
   如果脚本仍被CSP拦截，可直接使用Chrome商店内的网页编辑类扩展，这类扩展拥有更高的权限，能绕过多数CSP限制实现网页编辑。

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