是否有方法可在浏览器执行JavaScript前注入代码片段？

完全可以实现，常见的实现方案分三类，适用不同场景：

方案1：浏览器脚本管理器/自定义扩展 #

• 用Tampermonkey（油猴）、暴力猴这类现成的脚本管理器是门槛最低的方案：只需要新建脚本，将运行时机设置为document-start，就能在页面所有原站资源加载、JS执行前运行你的自定义代码，你可以提前修改全局变量、劫持window下的原生API，直接影响后续原站JS的运行逻辑。
• 如果需要精准修改指定远程JS文件的内容再执行，可以自己开发浏览器扩展，调用chrome.webRequest API拦截对应JS文件的请求，拿到原始响应内容后插入你的自定义片段，再把修改后的内容返回给浏览器执行即可。

方案2：本地代理工具 #

用Fiddler、Charles、Whistle这类本地代理抓包工具，配置请求匹配规则，命中你要修改的目标JS文件的请求后，直接返回你已经插入了自定义片段的JS内容，替换原始的远程响应，浏览器拿到后就会直接执行修改后的版本。

方案3：DevTools本地覆盖（仅调试场景适用） #

如果是开发调试场景，不需要长期生效，可以直接用Chrome/Edge自带的DevTools实现：

1. 打开DevTools的「Sources」面板，找到「Overrides」标签
2. 选择一个本地文件夹作为覆盖目录，授权浏览器读写权限
3. 找到你要修改的原站JS文件，右键选择「Save for overrides」，在本地版本里插入你的自定义代码后保存
   后续浏览器加载该JS文件时就会优先使用你修改后的本地版本，不会请求远程资源。

注意：以上所有方案都仅在你本地的浏览器环境生效，无法影响其他用户访问该网站的运行逻辑。如果目标网站配置了严格的内容安全策略（CSP），部分注入操作可能会被拦截，需要先关闭对应页面的CSP限制后再操作。

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