difftool:轻松区分将样式应用于任何一对DOM元素(chrome)

时间:2024-05-22 16:49:21
【文件属性】:

文件名称:difftool:轻松区分将样式应用于任何一对DOM元素(chrome)

文件大小:219KB

文件格式:ZIP

更新时间:2024-05-22 16:49:21

JavaScript

difftool 这是chrome devtool扩展,用于轻松查看DOM两个元素之间的样式差异。 当我不得不在前端工作时,经常会发现自己手动滚动浏览应用于两个元素的样式,试图找出要应用的不同样式。 该工具会自动执行此操作。 免责声明: 可能有一种更好的方法来做我所缺少的事情,而不是像webdev那样多。 我希望知道任何更好的方法:-) 这可能无法按预期工作-如果您发现任何问题,请告诉我! 如何使用它 尝试的最简单方法是通过的网上商店将其添加到chrome。 否则,该扩展名位于extension 。 访问chrome://extensions/ ,选择“加载解压”,然后选择extension目录(克隆项目后)。 加载后,新的侧边栏面板将出现在开发人员工具difftool 。 在选择任何内容之前,它不会显示太多,但是一旦“检查”了至少两个元素(在检查时在工具中单击),它们的差异就会


【文件预览】:
difftool-master
----LICENSE(1KB)
----extension()
--------manifest.json(200B)
--------difftools.html(188B)
--------difftools.js(2KB)
----sample.html(328B)
----.gitignore(16B)
----sample-diff.png(316KB)
----README.md(1KB)

网友评论