有什么方法可以查看 chrome iOS CSS？答案

【问题标题】：Is there ANY way to see chrome iOS CSS?有什么方法可以查看 chrome iOS CSS？
【发布时间】：2016-08-07 06:53:34
【问题描述】：

所以，我正在使用 Chrome 开发工具 iOS 模拟器构建响应式页面，结果发现在实际手机上查看时存在 5% 的差异。

我所有的 css 都已规范化，并且具有最新的供应商前缀，所以我只能猜测最后 5% 的问题是什么。

肯定有办法在移动设备上查看 CSS 输出吗？移动开发工具。没错！

【问题讨论】：

5% 的差异是什么意思？你是怎么测量的？很可能您使用的 CSS 与 Safari 不兼容。
5% 只是人类的猜测。关键是——模拟器和真正的移动浏览器之间有些东西不匹配，我不知道如何查看移动浏览器的 css ......我将重新检查供应商前缀，但我是希望有一种方法可以在 iPhone 上查看“引擎盖下”。

【解决方案1】：

在 Android 手机上，Chrome 确实支持 USB 上的Remote Debugging

不过，由于您使用的是 iOS，因此您可以使用 Safari 的远程调试功能来尝试调试页面。 Chrome for iOS uses Apple's UIWebView 来呈现页面，因此在 iOS Safari 中进行调试应该会给您在 iOS Chrome 中看到的相同结果。

Safari的远程调试功能可以通过在设备上转到Settings > Safari > Advanced，通过USB将设备连接到电脑，然后在Mac上的Safari中，转到Develop > [Device] > [website]进行调试。

【讨论】：

@DavidThomas 你是对的，我没有考虑到他专门询问 iOS chrome。我编辑了我的答案以尝试更有帮助
谢谢！我删除了我之前的评论 - 因为它不再相关 - 并删除了我的反对票。
“在 iOS Safari 中调试应该会给你在 iOS Chrome 中看到的相同结果” - 不幸的是，这不是真的。我有一个案例，Chrome 渲染页面的方式（CSS）与 iOS 上的 Safari 略有不同。