chrome overrides功能可持久化修改线上js：启用后映射文件到本地文件夹，严格保持路径一致，编辑保存后刷新页面显示“200 (from overrides)”即生效。
当你在调试线上网页时发现某个JS逻辑有缺陷，需要临时修改函数行为或注入调试语句，又不想动服务器代码、不走构建流程、不等部署——这时必须用Chrome的Overrides功能把改好的JS持久写进本地，并让每次刷新都自动加载它。
启用Overrides并授权本地文件夹
打开目标网页，按 Ctrl+Shift+I（Windows/Linux）或 Cmd+Opt+I（Mac）唤出开发者工具 → 切换到 Sources 面板 → 在左侧边栏底部找到 Overrides 标签（图标为文件夹+向下箭头）。
点击 Select folder for overrides，选择一个空文件夹（例如桌面新建的 chrome-js-overrides），系统弹窗要求权限时务必点击 Allow。
这一步失败会导致后续所有编辑无法落盘。如果没看到权限弹窗，检查浏览器是否被系统级策略拦截，或换一个非中文路径的文件夹重试。
确认该文件夹已出现在 Overrides 标签下，且前方复选框处于勾选状态——此时覆盖功能才真正激活。
将线上JS文件映射到本地覆盖路径
方法一：右键映射（推荐新手）
在 Sources → Page 子标签中，展开资源树，找到你要覆盖的 JS 文件（如 https://example.com/static/js/main.abc123.js）→ 右键 → 选择 Save for overrides → 保持默认路径，点 Save。
方法二：拖拽映射（适合批量操作）
直接从 Page 树中将目标 JS 文件拖入左侧 Overrides 下的文件夹节点内，松手即完成映射。
映射成功后，该文件图标旁会出现紫色圆点，且在 Overrides → Filesystem 中能看到完整路径副本。注意：【文件名和目录层级必须与线上URL路径严格一致】，比如线上是 /assets/bundle.js，本地就必须生成在 chrome-js-overrides/assets/bundle.js，否则覆盖不生效。
编辑并保存JS内容使修改持久化
第一步：在 Sources → Page 中双击打开已映射的 JS 文件，或直接在 Overrides → Filesystem 中找到并打开它。
第二步：修改任意代码——可以删掉校验逻辑、替换 API 地址、加 debugger、插入 console.log，甚至重写整个函数体。
第三步：按 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存。首次保存会弹出确认框，点 Save；之后所有保存均直写本地磁盘，无需再确认。
这一步操作起来很简单，直接改完就按快捷键，但要注意：保存动作必须在 DevTools 的编辑器内完成，不能用外部编辑器改完再切回来——外部改动不会触发 Chrome 自动重载。
验证JS覆盖是否真实生效
刷新页面，在 Network 面板中找到对应 JS 请求，查看响应状态栏：若显示 200 (from Overrides)，说明正在加载你本地的版本。
如果仍显示 200 (from disk cache) 或 200 (from ServiceWorker)，请先禁用缓存（Network 面板左上角勾选 Disable cache），再硬刷新（Ctrl+F5 或 Cmd+Shift+R）。
打开 Console，执行一段能暴露修改效果的代码（比如调用刚改过的函数），观察输出是否为你本地写入的内容——这才是最终生效证据。
