Chrome Overrides功能需先授权空文件夹权限，再将线上JS文件右键“Save for overrides”映射至本地，编辑保存后刷新页面即可执行修改代码，紫色圆点标识生效，右键Delete可恢复原始JS。
你想在不改动服务器代码的前提下，让浏览器每次加载网页时都执行你本地修改过的JS脚本，比如调试功能、绕过限制或验证前端逻辑——这就需要Chrome的Overrides功能真正生效。
启用Overrides并授权本地文件夹
这一步是所有后续操作的前提，没有读写权限，Chrome连一个字节都写不进本地磁盘。【必须选空文件夹，已有文件会导致映射失败】
按下 Ctrl+Shift+I（Windows/Linux）或 Cmd+Option+I（Mac）打开开发者工具。
切换到 Sources 面板，在左侧边栏底部点击 Overrides 标签。
点击 Select folder for overrides，新建一个空文件夹（例如桌面的 chrome-js-overrides），不要复用已有项目目录。
系统弹出权限窗口时，必须点 Allow——若误点“拒绝”或关闭窗口，需手动在系统设置中重新授予权限，否则后续所有保存操作均静默失败。
将线上JS文件映射到本地覆盖路径
仅配置文件夹不会自动关联任何资源；必须对目标JS文件显式执行“保存为覆盖”，Chrome才建立网络请求→本地文件的重定向链路。
方法一：通过 Page 资源树定位
在 Sources → Page 子标签中展开资源树，找到你要替换的 JS 文件（如 /static/js/app.js 或 https://cdn.example.com/v3/main.min.js）；右键该文件名 → 选择 Save for overrides；保持默认路径，点击 Save。
方法二：通过 Network 面板快速捕获
刷新页面，切换到 Network 面板，筛选 JS 类型；找到目标请求（如 login-check.js），右键 → Override content；选择刚才授权的覆盖文件夹，确认。
映射成功后，该文件会在 Sources → Filesystem → Overrides 下出现，图标旁带紫色圆点——这是唯一可信的生效标识，没有它，编辑无效。
编辑并验证本地JS脚本生效
第一步：双击 Overrides 中的对应 JS 文件，在编辑器中修改内容。若代码压缩混乱，按 Ctrl+Shift+P（Mac 为 Cmd+Shift+P）→ 输入 “Format document” → 回车格式化。
第二步：按 Ctrl+S 保存。此时文件已写入你选定的本地文件夹，且 Chrome 缓存自动标记为“需重载”。【不要关闭编辑器标签页，否则可能丢失未保存变更】
第三步：刷新网页（普通 F5 即可）。打开 Console 面板，输入 location.href，确认当前页面 URL 仍是线上地址；再执行一段你新增的调试代码（如 console.log("JS 已被覆盖")），输出即表示生效。
第四步：若需恢复原始行为，直接在 Sources → Filesystem → Overrides 中右键该文件 → Delete，刷新页面即可退回到从网络加载原始 JS。
