调试Android中的CSS布局故障

Spu*_*ley 31 css debugging android

我们有一个现有的网站,我被要求测试它与移动浏览器的兼容性.

我已将Android SDK安装到我的台式PC上.我能够在模拟器中查看我的localhost站点,并且我已经在Android浏览器中发现了页面布局中的一些故障.

但由于在任何桌面浏览器中都没有出现这些问题,我一直在努力调试它们.例如,在Firefox中,使用Firebug非常容易看到哪些样式表已成为应用程序并在运行中进行调整以查看它如何影响布局.但我还没有找到在Android模拟器上做类似事情的方法.

问题是,如果没有试验+错误,我该如何解决导致这些布局问题的原因?Android浏览器(或Android SDK)是否有任何类型的工具可用于调试CSS?如果是这样,我该如何使用它们?

[编辑]我还没有找到解决方案,所以我要向赏金猎人敞开大门......

mik*_*ehl 16

Weinre可能是您最接近的目标:

如果您正在寻找的东西可以让您实时调整布局,那么它应该会让您高兴.


Jar*_*red 5

https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en-US

https://chrome.google.com/webstore/detail/cllkoedgiefnomcccogcalmjogjfcpji?hl=en-US

https://chrome.google.com/webstore/detail/cghdkdcepiflkhaddpomjehcmdojgobh?hl=en-US

如果模拟器/模拟器足够或至少让你开始,我发现了几个看起来好像适合你的选项.这样做的好处是Chrome开发者工具似乎可以与附加组件一起使用!