由于iOS仍然是安卓在移动市场的唯一竞争对手，web开发者不能忽视为iOS优化网页。iOS用户选择的浏览器很可能是苹果Safari。随着渐进式Web应用 (PWA)的兴起，用户期望浏览器上的应用也能像原生app那样有流畅的用户体验。
那么，如何在iOS的Safari上测试你的网页呢？
在iOS真机上测试。选择一家跨浏览器测试服务商，例如 Browserstack。性能通常还行，它们提供各种服务，但是通常不是免费的，调试通常很麻烦。使用XCode模拟器来模拟iOS设备。在本文中，我们将了解如何使用XCode模拟器来调试网页。XCode是一个免费的集成开发环境，适用于苹果设备，用于开发苹果设备的各种应用程序：iOS应用程序、苹果应用程序、Watch应用程序等等。在我们的例子中，我们将利用XCode提供的仿真功能。
让我们讨论一下为什么我们应该使用XCode模拟器来测试我们的网页。
使用XCode模拟器进行测试的优势
即使在旧的苹果设备上也有很好的性能。可以使用Safari浏览器的开发工具进行调试，所以可以使用开发工具提供的所有功能，如设置断点。代码中的更改会自动反映在浏览器上（重新刷新网页，或者使用实时重新加载/热加载功能)。可以使用所有的iOS设备来测试你web应用：例如 iPad Pro、iPhone X、iPhone 8等等XCode是免费下载的使用XCode模拟器进行测试的缺点
仅适用于苹果电脑，因为Safari只在苹果电脑上可用。不能使用其他浏览器进行调试(例如Chrome浏览器)，你必须使用Safari。这不是一个大问题。在真机上，性能和可靠性会更好一些。如何启用iOS模拟器和Safari开发工具
安装XCode。如果你在苹果电脑上开发，很可能你已经安装了XCode。你可以使用苹果App Store (最简单的方法)来安装XCode，或者如果你不使用应用商店，可以在苹果开发者网站下载DMG/XIP文件来安装它。启动iPhone/iOS Simulator.app启动模拟器。如果你还没有创建模拟器，你需要在XCode中创建。你可以有多个模拟器，因为可能会要在不同的设备上进行测试。我建议创建一个快捷方式，这样你就不需要每次启动模拟器时都打开XCode。在模拟器中打开Safari浏览器。在你的苹果设备上打开Safari浏览器，在菜单中选择“开发”->“模拟器”，然后选择你的模拟器。现在，你应该能够像在任何其他网页中一样使用Safari开发工具：查看DOM、设置调试断点、执行网络分析等等。

总结
在本文中，我们掌握了如何使用XCode在模拟的iOS设备上测试web应用。有了XCode，苹果公司为设计师和开发者提供了一种免费且易于使用的途径，在苹果电脑的iOS设备上测试任何web应用。