Chrome Local Overrides 功能可直接在浏览器中持久修改线上JS文件：先启用Overrides并授权空文件夹，再右键JS文件选择Save for overrides建立映射，最后编辑保存即可实时生效，无需服务器或构建流程。
直接在浏览器里改线上 JS 文件并让修改持久生效，靠的就是 Chrome 的 Local Overrides 功能。它不碰服务器、不改 Git、不走构建流程，改完保存刷新就立刻验证，特别适合临时测试修复逻辑或绕过前端限制。
第一步：启用 Overrides 并授权本地文件夹
这是所有操作的前提，没授权就写不进文件。
- 打开目标网页，按 F12（Windows/Linux）或 Cmd+Option+I（Mac）唤出开发者工具
- 切换到 Sources 面板 → 左侧底部找到 Overrides 标签（若没看到，点右上角 » 展开）
- 点击 Select folder for overrides，选一个**空文件夹**（比如桌面新建的
chrome-js-fix） - 系统弹出权限窗口时，务必点 Allow —— 这步跳过，后续保存会静默失败
- 确认该文件夹已勾选，且上方显示“Enabled”和紫色提示条
第二步：把线上 JS 文件“存为覆盖”
只配文件夹不会自动映射；必须显式告诉 Chrome：“这个 JS 我要替”。
- 在 Sources 面板中，切换到 Page 子标签，展开资源树，找到你要改的 JS 文件（如
https://xxx.com/static/app.js） - 右键该文件名 → 选择 Save for overrides
- 弹出保存对话框，保持默认路径（即刚才选的文件夹内），直接点 Save
- 刷新后，该文件图标旁会出现紫色圆点，Sources 左侧 Filesystem > Overrides 下也能看到对应路径，说明映射成功
第三步：编辑、保存、验证
现在你改的是本地副本，但浏览器每次加载都优先用它。
jm-jsjkxyjs02-zlm-405
下载
使用约定式提交（Conventional Commits）生成标准化的 Git 提交信息。适用于以下场景： (1) 暂存更改时需要提交信息； (2) 审查 diff 时希望获得结构化摘要； (3) 编写 PR 描述或变更日志（changelog）条目； (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff，并生成按类型（type）划分范围的提交信息。
- 在 Sources → Filesystem → Overrides 中双击打开刚保存的 JS 文件
- 直接编辑代码（比如加个
console.log、注释掉某段判断、临时 return true） - 按 Ctrl+S（Win/Linux）或 Cmd+S（Mac）保存
- 刷新页面，修改立即生效；关掉浏览器再重开，依然有效
- 想对比原始内容？右键编辑区 → Local modifications 可查看差异
补充：调试接口响应也一样简单
如果问题出在 JS 调用后端返回的数据上，不用改 JS，直接 Mock 接口：
- 切换到 Network 面板，刷新页面，找到目标请求（如
/api/user） - 右键该请求 → Override content
- DevTools 会自动在 Overrides 文件夹中创建对应路径的 JSON 文件（如
api/user.json） - 在里面写好模拟数据，保存后刷新，JS 就会收到你定义的响应
整个过程不需要安装插件、不依赖本地服务，5 分钟就能跑通。关键点就三个：授予权限、手动保存映射、改完记得 Ctrl+S。
