嘿，我之前也被这个问题卡过！直接在DevTools里编辑线上的main.min.js确实没法永久保存——你改的只是浏览器临时缓存里的副本，刷新后浏览器会重新从服务器拉取原始文件。不过有两个非常实用的方法能让你的修改保留下来：

方法一：使用Workspaces（工作区）关联本地文件 #

这个方法适合需要长期修改、想把修改同步到本地文件的场景：

• 打开Chrome DevTools（快捷键F12/Ctrl+Shift+I），切换到Sources面板
• 在左侧面板点击Filesystem标签，选择「Add folder to workspace」，挑选一个本地文件夹（可以专门新建一个用来存放这个网站的修改文件），然后允许浏览器访问该文件夹的权限
• 回到Page标签，找到网站目录里的main.min.js，右键点击它选择「Map to file system resource」，然后选中你本地文件夹里的main.min.js（如果本地没有，先把线上的代码复制到本地新建的同名文件里）
• 现在你在DevTools里修改代码后，按下Ctrl+S就能直接保存到本地文件了！刷新页面时，浏览器会优先加载你本地修改后的版本，不会再请求服务器上的原始文件

方法二：使用Local Overrides（本地覆盖）快速保存修改 #

如果只是临时修改、不想折腾本地文件关联，这个方法更简单：

• 打开DevTools的Sources面板，切换到Overrides标签
• 点击「Select folder for overrides」，选一个本地文件夹来存放你的修改文件
• 允许权限后，回到Page标签找到main.min.js，编辑完代码后，你会看到文件旁边出现蓝色圆点——这说明修改已经被自动保存到本地覆盖文件夹了
• 刷新页面，浏览器会自动用你修改后的版本替换线上资源，完全不用手动同步

额外提示 #

• 面对压缩后的main.min.js，可以点击DevTools左下角的「{}」按钮格式化代码，修改起来更方便，保存后DevTools会保留你修改后的格式（不管是格式化还是压缩状态）
• 要是之后不需要修改了，记得在Workspaces里移除关联文件夹，或者关掉Local Overrides的开关，不然浏览器会一直加载本地文件

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