我正在测试我制作的一个网站，该网站在 iPhone 和 iPad 上的显示效果与在桌面浏览器（包括 Safari 和 Chrome 等 Webkit 浏览器）上的显示效果存在一些差异。
我需要查看样式，就像使用 Firebug 或 Chrome 开发工具一样，但适用于 iPad 或 iPhone。执行此操作的选项有哪些？
答案1
在 iPhone/iPad 上进入设置，然后进入 Safari，转到开发者并打开调试控制台。接下来，您需要将 iPhone/iPad 连接到苹果电脑。然后在电脑上进入 Safari 应用程序。在 Safari 中进入开发选项卡并选择您的设备。Web Inspcetor 将显示所选页面的代码。
答案2
Chrome 现在可以进行设备模拟：
打开开发工具。
进入模拟选项卡（我通过“显示控制台”进入这里，然后模拟选项卡位于普通元素检查器下）。
现在您可以从许多不同的设备中进行选择，并且仍然可以使用 html/css 检查器。