如何调试 iphone 5 中的 css 问题（ui 问题）？答案

【问题标题】：how to debug a css issue in iphone 5 (ui issues)?如何调试 iphone 5 中的 css 问题（ui 问题）？
【发布时间】：2013-07-30 14:38:33
【问题描述】：

我想知道如何在 iphone 5 中调试 css 问题。

我尝试使用 firelite 插件。但是从纵向旋转到横向时，萤火虫占据了整个屏幕。

还有没有其他方法可以调试 iphone 5 中的 css 问题？

【问题讨论】：

标签： css iphone-5

【解决方案1】：

来自Apple's developer documentation：

使用 iOS 6 及更高版本上的 Safari，您可以调试移动 Web 内容从你的 Mac。您可以查看 JavaScript 错误、编辑 HTML 属性、更改 CSS 属性等 — 就像您在为 OS X 上的 Safari。本章描述如何使用 Web Inspector 在 iOS 上调试网页内容。

您应该在桌面和各种 iOS 上测试您的网页内容设备。如果您没有 iOS 设备进行测试，您可以使用 iOS iOS SDK 中的模拟器。因为web有区别在 iOS 和 OS X 上浏览，您应该专门测试您的内容 iPhone 和 iPad 或在 Simulator 中模拟硬件设备。什么时候在任何平台的 Safari 中测试，都可以使用 Web Inspector 进行调试您的网络内容。

有关在 Safari 中调试 Web 内容的更多提示，请阅读Safari Developer Tools Guide。阅读 Safari 开发者工具指南中的“Changing the User Agent String”部分，了解如何模拟在 OS X 上的 Safari 中类似于 iPhone 和 iPad 的行为。

【讨论】：

【解决方案2】：

您可以尝试使用 Adobe Edge Ispect。如果您在 iPhone 上安装应用程序，并在 Chrome 中安装插件，您可以使用 Chrome 开发工具调试您的网站。

【讨论】：