如何阻止Edge浏览器Inspect样式编辑影响编辑器CSS代码？

这是因为Edge DevTools启用了**工作区映射（Workspace mapping）**功能，该功能会将浏览器加载的页面资源与本地项目文件关联，导致DevTools中修改的样式同步写入本地CSS文件。解决步骤如下：

• 打开Edge DevTools，点击右上角的设置图标（⚙️）。
• 切换到「工作区（Workspaces）」标签页。
• 查看是否已添加本地项目文件夹到工作区：
  • 若有，取消勾选对应文件夹的复选框，或点击文件夹旁的删除按钮移除映射。
• 临时禁用同步的快捷方式：在元素面板的样式规则上右键，选择「禁用本地覆盖」（部分版本翻译可能为「Disable Local Overrides」）。

如果只是临时调试样式不想影响本地文件，也可以检查样式规则旁的文件链接，确认未关联到本地文件路径。

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