2016-08-06 132 views
2

因此,我使用Chrome开发工具iOS模拟器构建了响应式页面,只是发现在实际手机上查看时存在5%的差异。有没有办法看到铬iOS CSS?

我所有的css都是正常化的,并有最新的供应商前缀,所以我坚持猜测最后5%出了什么问题。

当然有办法看到移动设备上的CSS输出?用于移动设备的开发工具。一定!

+1

你是什么意思5%的差异?你如何衡量?很可能您使用的是与Safari不兼容的CSS。 – 4castle

+0

5%仅仅是人类的猜测。重点是 - 在模拟器和真正的移动浏览器之间有一些不匹配的东西,我无法弄清楚如何看到移动浏览器的CSS ...我将重新检查供应商前缀,但我是希望有一种方法可以在iPhone上看到“引擎盖下”。 –

回答

1

Android手机,Chrome浏览器不支持Remote Debugging通过USB

既然你在iOS的是,虽然,你能够使用Safari浏览器的远程调试功能来尝试调试页面。 Chrome为iOS uses Apple's UIWebView呈现网页,因此iOS Safari中的调试应该会给您与iOS Chrome中相同的结果。

Safari的远程调试功能可以在您的设备上使用Settings > Safari > Advanced,通过USB将设备连接到计算机,然后在Mac上的Safari中使用,请访问Develop > [Device] > [website]进行调试。

+1

@DavidThomas你说得对,我没有考虑到他特别提到iOS Chrome。我编辑了我的答案,尝试更有帮助 –

+0

谢谢!我删除了我以前的评论 - 因为它已不再相关 - 并删除了我的反对票。 –

相关问题