Safari浏览器web-inspector的CSS编辑器存在严重bug该如何解决？

可用修复手段 #

永久修复 #

目前该bug已经在Safari Technology Preview版本中修复，安装该预览版可直接解决，后续Safari正式版推送更新后也会自动修复该问题。

现有版本临时修复 #

1. 完全关闭Safari浏览器
2. 打开终端，依次执行以下命令：
   defaults delete com.apple.Safari WebKitDeveloperExtrasEnabled
defaults delete com.apple.Safari WebKitDebugDeveloperExtrasEnabled
3. 重启Safari，进入「设置-高级」页面重新勾选「在菜单栏中显示开发菜单」即可

临时规避方案 #

如果不想修改配置，输入CSS属性值后不要按回车键确认，用鼠标点击输入框外的任意空白区域退出编辑状态，即可规避代码丢失、生成冗余代码的问题。

问题说明 #

该问题是Safari 15.x~17.x正式版的原生bug，仅在输入带单位的数值型CSS属性时触发，和浏览器扩展、调试站点的代码无关，是Web检查器的内置逻辑问题。

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