个人使用经验
想找一个ios模拟器,看了博客之后,通过以下步骤操作成功:
- 打开xcode
- 点击菜单栏xcode-open developer tools-simulator,即可成功打开模拟器,如图所示
3.模拟器中有safari浏览器,不能访问localhost开头的网页,但可以访问局域网ip开头的网页。通过ip网址即可预览自己的本地网页
以下为博客原文:
如何在 Mac 上使用 XCode iOS 模拟器进行响应式 Web 测试
在每台 iOS 设备上测试您的网站
由于 iOS 仍然是移动市场上 Android 的唯一竞争对手,Web 开发人员不能忽视为 iOS 优化网页。iOS 用户首选的网络浏览器很可能是 Apple Safari。随着渐进式 Web 应用程序 (PWA)的兴起,用户期望高质量的应用程序不仅出现在原生应用程序,在他们的浏览器中也要如此。
那么如何在 iOS 版 Safari 上测试您的网页呢?
- 在真实 iOS 设备上进行手动测试。
- 使用Browserstack等跨浏览器测试服务。性能通常还可以,它们提供各种功能,但它们通常不是免费的,而且调试通常很麻烦。
- 使用 XCode 模拟器模拟 iOS 设备。
在本教程中,我们将了解如何使用XCode模拟器来调试网页。XCode 是适用于 Mac 设备的免费 IDE,用于为 Apple 设备开发各种应用程序:iOS 应用程序、Mac 应用程序、Watch 应用程序等。在我们的例子中,我们将利用 XCode 提供的模拟器功能。
让我们看看为什么我们应该使用 XCode Simulator 来测试我们的网页。
使用XCode Simulator 进行 Web 测试的优势
- ****即使在较旧的 Mac 设备上也有良好的性能。 大多数网页甚至单页应用程序都应该可以完美运行。
- 可以使用Safari 开发人员工具进行调试,因此您可以使用开发人员工具必须提供的所有功能,例如设置断点。
- 代码中的更改会自动反映(重新加载网页或使用 Live Reload / Hot Module Reload 解决方案)。
- 您可以使用所有 iOS 设备来测试您的网络应用程序:例如 iPad Pro、iPhone X、iPhone 8,...
- XCode 可免费下载,因此易于使用。
使用XCode Simulator 进行 Web 测试的缺点
- 仅适用于 Mac,因为 Safari 仅适用于 Mac。
- 您不能使用其他浏览器进行调试(例如 Google Chrome),您必须使用 Safari。这很好,因为所有其他 Web 浏览器都可以在我们也可以调试的其他平台(例如 Windows)上使用。
- 在真实设备上性能和可靠性会更好(虽然不是很多)。
如何使用 Safari 开发者工具启动 iOS 模拟器
- 安装 XCode。如果你在 Mac 上开发,很可能你已经安装了 XCode。如果您不使用 App Store ,您可以使用Apple App Store(最简单的方法)安装 XCode 或获取DMG/XIP文件来安装它。
- 启动 iPhone/iOS Simulator.app以启动模拟器。如果您还没有创建模拟器,则需要在 XCode 中执行此操作。您可以拥有多个模拟器,因为您可能想在不同的设备上进行测试。我建议您创建一个快捷方式,这样您就无需在每次想要启动模拟器时都打开 XCode。
- 在模拟器中打开 Safari 浏览器。如上所述,不支持 Chrome 等其他浏览器。
- 在 Mac 设备上打开 Safari 浏览器,将其与模拟器中的 Safari 浏览器连接。现在您应该能够像在任何其他网页中一样使用 Safari 开发人员工具:查看 DOM、设置断点以进行调试、执行网络分析等等。
结论
感谢您阅读这篇关于如何使用 XCode 在模拟 iOS 设备上测试 Web 应用程序的文章。借助 XCode,Apple 为设计人员和开发人员提供了一种免费且易于使用的方式,可以在 Mac 计算机上的 iOS 设备上测试任何 Web 应用程序。