html - 在 Windows 上调试 Ipad Web 应用程序

Question

我的网站可以在桌面版本上正确显示，但在 iPad 上几乎没有错误。如果我的操作系统是 Windows，检测问题的最简单方法是什么？

Answer 1

选项 1 - 免费的本地机器调试

您可以使用适用于 Windows 的 Safari 浏览器（下载 Safari 5.1.7）。

脚步

1. 在菜单栏中启用开发菜单（按“Alt”键打开菜单栏。然后按照编辑菜单>首选项>高级选项卡。在底部找到此选项。）
2. 然后，按照开发菜单 > 用户代理进行操作。选择 iPad、iPhone 等。

开发菜单中有更多选项（例如 Show Web Inspector）来帮助您进行 JavaScript 等调试。

归功于如何使用 Safari 调试 iPhone 和 iPad Web 应用程序。

选项 2 - 对目标浏览器/操作系统/机器的付费、基于浏览器的访问

我个人使用过http://www.browserstack.com/，它可以让您测试广泛组合的功能。但是，这里的调试可能不像在本地机器上那样方便。

可能有更多的公司提供类似的服务。

当心基本的在线模拟器

如评论中所述，请注意“模拟器”网站。示例：我遇到的一个网站声称要模拟 iPhone，有一张 iPhone 的图片，里面是一个，由我在(Firefox)中打开该网站iframe的浏览器尽职尽责地呈现。

Answer 2

我能想到的最好方法（取决于您的实现）是使用 firefox 插件 https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/

它允许您切换到各种设备并查看它们在另一台设备上的显示方式。

此处http://www.ampercent.com/test-website-design-iphone-ipad-mobile-devices/7075/是让您入门的快速指南。

除了 FF 之外，还有其他浏览器的用户代理切换器，例如 Chrome。做一个谷歌搜索，自己试试你喜欢哪一个。