4

对于那些不知道 firediff 是什么的人,它是一个集成到 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”和“Monitoring DOM Changes in Chrome”等,但它们都需要向您的网站添加 javascript 插件。但是我想要一个扩展来处理所有事情,就像 firediff

4

2 回答 2

1

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

从检查器(webkit、firebug 等)导出 CSS 更改

显然 Chrome 已经内置了这个功能。

于 2012-12-30T01:56:08.883 回答
0

我为 CSS 做了一个 Chrome 扩展。但它不跟踪 HTML 更改,除了样式标签和内联样式。

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

padding-bottom: 50px这是我添加到 Stack Overflow 的示例:StyleURL 示例差异

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

于 2018-08-02T21:53:06.253 回答