如何获取元素及其子元素的所有CSS？

Question

如何获取元素及其子元素的所有CSS？ 我尝试了一些Chrome扩展程序，例如SnappSnippet，CssSteal，但他们不会在响应式样式上工作。他们给出了仅适用于当前分辨率的CSS。我的意思是，让我们说我的代码是这样的：

＆＃13;

＆＃13;

.example {
    color: red;
}

.box {
    color: black;
}

@media only screen and (max-width: 600px) {
    .example {
        color: blue;
    }
    .box {
        color: orange;
    }
}

＆＃13;

<div class="example">
	<div class="box">...</div>
</div>

＆＃13;

＆＃13;

＆＃13;

当我使用扩展程序时，它们只返回：

＆＃13;

＆＃13;

.example{ color:red; }
.box{ color:black; }

＆＃13;

＆＃13;

＆＃13;

我怎样才能用javascript做到这一点？或者你推荐给我另一个镀铬扩展名吗？

编辑//我通过使用＆＃34; cssRules＆＃34;解决了这个问题。功能