Browser 是否有任何浏览器/附加组件在Inspect Element上具有仅显示（高亮显示）修改值和新添加值的选项？

作为网页设计师，您可能每天使用浏览器（Firefox/Chrome）检查元素工具多于浏览

有时，要获得所需的结果非常复杂，CSS会发生变化&通过浏览器检查元素工具添加的新值不会仅应用于一个元素（div、p、span等）。完成所需结果后，您是否可以选择“突出显示已修改的值”和使用不同颜色或在单独的菜单/部分中添加的新值？”

例如：

显示黄色背景修改值

以红色背景显示添加的新值

问题：是否有任何浏览器/附加组件在Inspect Element上具有仅显示（突出显示）修改值和新添加值的选项

---

当然，如果有一个单独的菜单/部分来分别显示插入的所有修改值和新值，那将是多么美妙啊。

我不敢相信，但Firefox中的Inspect元素正是我想要的：

1。突出显示修改后的和新添加的值

2。复制修改后的规则

现在，您可以一次设置多个div/span/段落、伪元素等的样式，直到达到所需的结果。之后，只需单击一次，您就可以从一个位置复制不同元素中的所有修改规则

如果您使用CSS的Inspect元素作为右侧小面板/侧栏（我如何使用）=>请参见图片中的“蓝色箭头”（单击该黑色箭头，将出现“更改”菜单）

我希望能帮助其他人了解Firefox的这一伟大功能（隐藏良好），这将为您节省大量时间

我在Chrome浏览器中找不到这个功能（或者比在Firefox中隐藏得更好）