因此,我使用Chrome开发工具iOS模拟器构建了响应式页面,只是发现在实际手机上查看时存在5%的差异。有没有办法看到铬iOS CSS?
我所有的css都是正常化的,并有最新的供应商前缀,所以我坚持猜测最后5%出了什么问题。
当然有办法看到移动设备上的CSS输出?用于移动设备的开发工具。一定!
因此,我使用Chrome开发工具iOS模拟器构建了响应式页面,只是发现在实际手机上查看时存在5%的差异。有没有办法看到铬iOS CSS?
我所有的css都是正常化的,并有最新的供应商前缀,所以我坚持猜测最后5%出了什么问题。
当然有办法看到移动设备上的CSS输出?用于移动设备的开发工具。一定!
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]
进行调试。
@DavidThomas你说得对,我没有考虑到他特别提到iOS Chrome。我编辑了我的答案,尝试更有帮助 –
谢谢!我删除了我以前的评论 - 因为它已不再相关 - 并删除了我的反对票。 –
你是什么意思5%的差异?你如何衡量?很可能您使用的是与Safari不兼容的CSS。 – 4castle
5%仅仅是人类的猜测。重点是 - 在模拟器和真正的移动浏览器之间有一些不匹配的东西,我无法弄清楚如何看到移动浏览器的CSS ...我将重新检查供应商前缀,但我是希望有一种方法可以在iPhone上看到“引擎盖下”。 –