我可以使用console/alert/some-other-means一次读出所有CSS属性吗？

Question

我正在尝试在iPad上调试网站.在桌面上,一个元素显示,在iPad上它缺失.

问题:
有没有办法在一个类似的语句中输出所有CSS

console.log( $('element').attr('class') );

或者是找到故障属性逐个完成所有CSS规则的唯一方法？

console.log( $('element').css('position') )
console.log( $('element').css('top') )
console.log( $('element').css('left') )
console.log( $('element').css('right') )
console.log( $('element').css('bottom') )
console.log( $('element').css('width') )
console.log( $('element').css('height') )
console.log( $('element').css('display') )
... you get the point...

谢谢你的意见

Answer 1

您需要window.getCompulatedStyle：

getCompatedStyle() 给出元素的所有 CSS 属性的最终使用值。

所有现代浏览器（包括 IE9）均支持。

一个简单的例子：

var style = window.getComputedStyle($('element').get(0), null);

jsFiddle 演示