WebStorm更新后浏览器自定义设置丢失，如何保留配置？

核心方案是给WebStorm指定固定的浏览器用户数据目录，避免每次更新时默认临时目录被重置，具体操作如下（以Chrome为例，其他Chromium系浏览器如Edge操作逻辑一致）：

步骤1：创建固定的浏览器配置目录 #

手动在本地磁盘创建一个专门存储WebStorm调试用浏览器配置的文件夹，比如：

• Windows：C:\WebStorm_Chrome_Profile
• Mac：~/Documents/WebStorm_Chrome_Profile
• Linux：~/WebStorm_Chrome_Profile

步骤2：修改WebStorm的浏览器配置 #

1. 打开WebStorm，进入对应Angular项目的Run/Debug Configurations界面
2. 在配置的Browser选项区，点击右侧的...按钮，选择Configure browsers
3. 在弹出的浏览器列表中，找到你正在使用的Chrome，点击右侧的编辑图标（铅笔形状）
4. 在Command line options输入框中添加参数：

   --user-data-dir=你的配置目录路径
   

   示例（Windows）：

   --user-data-dir=C:\WebStorm_Chrome_Profile
   

5. 保存所有配置并关闭窗口

步骤3：重新配置浏览器并验证 #

1. 使用该Run/Debug Configuration启动调试，浏览器会加载你指定的配置目录
2. 重新设置所有自定义项：隐藏工具栏图标、安装扩展、配置自定义设备模拟等
3. 这些设置会永久保存在指定目录中，后续WebStorm更新时不会被清除

额外注意事项 #

• 不要使用WebStorm默认的临时用户目录，这类目录通常会在版本更新时被清理或重置
• 如果之前已有配置好的浏览器用户数据，可直接将整个目录复制到新建的固定目录中，无需重新配置
• 非Chromium系浏览器（如Firefox）可采用类似思路：指定独立的配置文件目录，Firefox对应参数为--profile

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