许多工具/ API提供了选择特定类或ID元素的方法.还可以检查浏览器加载的原始样式表.
但是,对于浏览器呈现元素,它们将编译所有CSS规则(可能来自不同的样式表文件)并将其应用于元素.这就是您在Firebug或WebKit Inspector中看到的内容 - 一个元素的完整CSS继承树.
如何在纯JavaScript中重现此功能而无需其他浏览器插件？
也许一个例子可以为我正在寻找的东西提供一些澄清:
<style type="text/css">
p { color :red; }
#description { font-size: 20px; }
</style>
<p id="description">Lorem ipsum</p>
这里p#描述元素应用了两个CSS规则:红色和20像素的字体大小.
我想找到这些计算出的CSS规则源自的来源(颜色来自p规则等).
我们有一个Javascript错误,只出现在运行KitKat(4.4.2)的Galaxy S4(GT-I9505)的股票浏览器中,我们无法调试它或查看Javascript控制台.我已经尝试运行about:debug它确实启用了调试菜单,但它也将我重定向到"找不到页面"并且返回/转发删除调试菜单.
我们也尝试过使用logcat,但没有显示任何消息(此命令在Nexus 4 JellyBean和模拟姜饼中完美运行).
adb logcat browser:V WebCore:V Console:V *:S
我们也尝试过JSConsole和Firebug Lite,但是在他们的控制台上没有显示任何有用的信息.我们还按照EclipseSource的建议实现了"DIY控制台" ,虽然它确实显示了错误,但它并没有告诉我们错误来自哪个文件或任何具体细节.
是否有任何其他建议可以尝试,或解决为什么about:debug行为不正确？
想要检查三星Galaxy上的网站,它在框中使用了什么浏览器,我可以在哪里模拟它 - 在线还是在OSX上？
我要问的原因是一些CSS属性不起作用,需要找到修复.