我使用Google Chrome开发人员工具，我经常检查一个元素来反对其他元素，以了解可能导致特定样式问题的原因。
这将是很好的比较元素1和元素2之间的风格的差异。
这可以用chrome目前或通过一些解决方法吗？有没有一个工具，可以做我想要的东西？
当前样式差异的例子是我有一个在A旁边的内联H4，其中A出现在垂直对齐方向上更高。我不是在这个问题寻求一个解决方案，因为我会整理出来。
解决方法
更新：由于此讨论，“
CSS Diff”Chrome扩展已创建。
伟大的问题和酷的想法，扩展！
概念证明
作为概念的证明，我们可以在这里做一个小技巧，避免创建扩展。 Chrome保持通过变量中的“inspect element”按钮选择的元素。最后选择的元素在$ 0，一个之前的在$ 1等。基于此，我创建了一个小片段，比较最后两个检查元素：
(function(a,b){
var aComputed = getComputedStyle(a);
var bComputed = getComputedStyle(b);
console.log('------------------------------------------');
console.log('You are comparing: ');
console.log('A:',a);
console.log('B:',b);
console.log('------------------------------------------');
for(var aname in aComputed) {
var avalue = aComputed[aname];
var bvalue = bComputed[aname];
if( aname === 'length' || aname === 'cssText' || typeof avalue === "function" ) {
continue;
}
if( avalue !== bvalue ) {
console.warn('Attribute ' + aname + ' differs: ');
console.log('A:',avalue);
console.log('B:',bvalue);
}
}
console.log('------------------------------------------');
})($0,$1);
如何使用它？
检查要比较的两个元素，一个接一个，然后将上面的代码粘贴到控制台。
结果
