CSS-Diff:Chrome扩展程序,可轻松比较两个HTML元素CSS

时间:2024-02-19 20:50:03
【文件属性】:

文件名称:CSS-Diff:Chrome扩展程序,可轻松比较两个HTML元素CSS

文件大小:185KB

文件格式:ZIP

更新时间:2024-02-19 20:50:03

chrome-extension css-diff compare-elements ChromeextensionJavaScript

CSS差异 Chrome / Chromium扩展程序,可以轻松比较两个HTML元素CSS。 用法 您可以通过从GitHub下载该扩展程序并通过chrome扩展程序页面( chrome://extensions )将其手动加载为“未打包的扩展程序”来进行安装。 要比较元素,请激活Chrome开发者工具(F12)并打开“元素”模块右侧面板中的“ CSS Diff”选项卡(请参阅屏幕截图)。 接下来,首先检查(例如使用放大镜按钮)您要比较的元素。 选中后,CSS Diff将在“最后检查”部分中显示它。 点击“比较”按钮,为另一个元素重复整个过程。 一旦选择了两个HTML元素,CSS Diff将显示它们之间的所有CSS差异。 错误和功能 如果您发现错误或有功能请求,请在GitHub上创建一个问题。 变更日志 0.30 新的功能: 比较来自不同选项卡的元素的能力 通过“比较”按钮可以更好地控制正在比较的内容 改善外观 0.20 新的功能: 表中显示的差异 相似属性分组 Webkit属性分开 谢谢 Mike Vanderkley的灵感 作者 康拉德·德兹温内​​尔 执照 该程序是免


【文件预览】:
CSS-Diff-master
----css()
--------sidebar.css(3KB)
----img()
--------logo_48.png(1KB)
--------logo.xcf(4KB)
--------screenshot.png(137KB)
--------logo_128.png(2KB)
--------logo_64.png(1KB)
----package.json(699B)
----manifest.json(349B)
----js()
--------devtools.js(238B)
--------CSSSnapshooter.class.js(4KB)
--------sidebar.js(5KB)
--------DiffRenderer.class.js(10KB)
----LICENSE(34KB)
----package-lock.json(96KB)
----Gruntfile.js(1KB)
----sidebar.html(1KB)
----devtools.html(158B)
----.gitignore(74B)
----README.md(2KB)
----.editorconfig(247B)

网友评论