能否阻止浏览器中特定脚本的特定函数执行并重定向至修改版脚本？

这在前端调试、自定义网站行为的场景里非常常见，我给你梳理几个靠谱的实现方式，从便捷到复杂都有：

一、浏览器扩展（最推荐，持久化生效） #

1. 油猴脚本（Tampermonkey/Greasemonkey） #

这是灵活性最高的方案，能精准替换单个函数，甚至在原脚本加载前就“抢占”函数定义。

举个实际例子：如果目标网站的打包JS里有个loadHeavyArticleContent()函数你想替换成自己的静态逻辑，就写个用户脚本：

// ==UserScript==
// @name         替换文章加载函数
// @match        https://website.com/article.html
// @run-at       document-start  // 核心：比原网站脚本先执行
// ==/UserScript==

// 提前在全局对象上定义你的修改版函数
window.loadHeavyArticleContent = function() {
  // 这里写你的自定义逻辑，比如直接返回静态内容
  const article = document.querySelector('.article-content');
  article.innerHTML = '<p>这是我替换后的静态文章内容</p>';
};

原理很简单：因为脚本在document-start阶段运行，比网站的打包JS更早加载，当原脚本试图定义同名函数时，会被你提前声明的版本覆盖（前提是原函数挂载在全局对象上）。

如果原函数是闭包里的私有函数，没法直接全局覆盖，那你可以配合MutationObserver监听脚本加载，拿到脚本内容后用AST工具（比如acorn）修改函数逻辑再执行，不过这个稍复杂一点。

2. uBlock Origin 这类广告拦截扩展 #

它的「资源重定向」功能不仅能拦广告，还能直接替换整个脚本文件。适合你需要修改多处内容的场景：

1. 先找到目标打包JS的完整URL，比如https://website.com/static/js/main.abc123.js
2. 打开uBlock Origin的「我的过滤器」，添加规则：

   website.com/static/js/main.abc123.js redirect=https://your-local-path/modified-main.js
   

   你可以把修改后的脚本存在本地（用file://路径）或者自己的服务器上，浏览器就会加载你的版本而非原脚本。

二、浏览器开发者工具（临时调试用） #

如果你只是临时测试，不需要持久化，用DevTools就能搞定：

1. 本地覆盖（Overrides） #

1. 打开Chrome/Firefox的DevTools → 「Sources」面板 → 切换到「Overrides」标签
2. 选择本地一个空文件夹，授权浏览器访问
3. 在「Page」标签里找到目标打包JS，右键选择「Save for overrides」
4. 修改本地保存的脚本（替换你要改的函数），刷新页面后，浏览器就会加载你本地的修改版。

2. 断点临时替换 #

在原函数的定义处打个断点，当断点命中时，在控制台重新定义该函数：

// 假设你通过DevTools找到了该函数的引用
targetModule.loadHeavyArticleContent = function() {
  console.log("临时替换的函数执行了");
  // 你的自定义逻辑
};

这种方式是一次性的，刷新页面就失效，适合快速测试。

三、代理工具（复杂场景兜底） #

如果网站有严格的CSP或者你需要批量修改多个资源，用Charles、Fiddler这类代理工具：

1. 配置代理拦截目标JS的请求
2. 把响应内容替换成你修改后的脚本，浏览器会以为加载的是原网站的资源，但实际是你的修改版。

几个关键注意点 #

• 如果目标函数是闭包内的私有函数（没挂载到全局），直接全局覆盖没用，这时候要么替换整个脚本，要么用AST工具动态修改脚本内容。
• 注意网站的CSP（内容安全策略）：如果网站设置了严格的CSP，可能会阻止你注入脚本或加载外部修改版，这时候油猴脚本这类扩展通常有专门的权限绕过限制。

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