首页 扩展程序 CSS Diff

CSS Diff

提供方: Konrad Dzwinel
37
开发者工具 8,002 位用户

插件简介

Easily compare CSS of two HTML elements.
With CSS Diff you can find all CSS properties that differ between two HTML elements.

To compare elements, activate Chrome Developer Tools (F12) and open "CSS Diff" tab located in the right panel of the "Elements" module (please refer to the screenshot). Next, inspect (e.g. using magnifying glass button) first of the elements that you wish to compare. As soon as it will be selected, CSS Diff will display it in the "last inspected" section. Hit "Compare" button and repeat the whole process for the another element. As soon as two HTML elements will be selected, CSS Diff will show all CSS differences between them.

Source of this extension is available on github: https://github.com/kdzwinel/CSS-Diff

Idea for this extension was inspired by Mike Vanderkley ( http://stackoverflow.com/users/511438/valamas ).

其他信息

版本 0.32.0 上次更新日期 2015年2月19日 大小 149KiB 语言 支持1种语言 开发者

kdzwinel@gmail.com

适用浏览器

谷歌浏览器Google Chrome浏览器

Easily compare CSS of two HTML elements.