` css-diff-devtools` 一个可以比较浏览器不同窗口/页签中元素样式差异的浏览器扩展!

99 阅读1分钟

简介

css-diff-devtools 是一个可以在一个面板中,对比不同 窗口 / 页签 中要进行比较元素样式差异的浏览器扩展。

演示

动画.gif

产生原因

在平常我们在比较两个 窗口 / 页签 中的两个元素样式有何差异时,只能在选中两个元素后 窗口 / 页签 分别查看 Elements -> Styles 面板中, 样式名 是否都存在,或者样式值是否都一样。

但是往往这样两边找寻起来会稍微觉得累了一点。

内置支持

  • 点击差异样式可直接复制
  • 可在不同 窗口 / 页签 中对比差异

安装

源码

地址