适用于Chrome的FireDiff替代品

Question

对于那些不知道什么是kickiff的人来说，它是一个集成到firebug中的firefox插件，可以让你跟踪所有dom的变化。

http://www.incaseofstairs.com/firediff/和

https://addons.mozilla.org/en-US/firefox/addon/firediff/

但是，我不喜欢在firefox中调试，而且更喜欢Chrome。

是否有替代方案作为扩展程序适用于您的浏览器，而不是来自像watch.js这样的插件

我尝试使用谷歌搜索“Dom Change Chrome Extention”和“监控Chrome中的DOM更改”等，但他们都需要在您的网站上添加javascript插件。但是，我希望扩展可以解决所有问题，就像“激烈的”

一样

Answer 1

想知道同样的事情并在这里找到答案：

Export CSS changes from inspector (webkit, firebug, etc)

显然，Chrome已经内置了此功能。

Answer 2

我做了一个Chrome扩展程序，该扩展程序完全针对CSS。除了样式标签和内联样式外，它不会跟踪HTML更改。

它称为StyleURL-它与您在Chrome Inspector中所做的CSS更改不同，并输出有效的CSS：https://chrome.google.com/webstore/detail/styleurl/emplcligcppnlalfjknjbanolhlnkmgp

在以下示例中，我向堆栈溢出添加了padding-bottom: 50px：

它也是开源的，并且也在GitHub上：https://github.com/Jarred-Sumner/styleurl-extension