内容简介：虽然 Chrome DevTools 可以模拟手机的环境，但与真实环境差别比较大，所以一般会用真机调试，或者就是用模拟器了。这篇文章主要就是介绍下在mac上如何使用模拟器来调试页面。
前言
虽然 Chrome DevTools 可以模拟手机的环境，但与真实环境差别比较大，所以一般会用真机调试，或者就是用模拟器了。这篇文章主要就是介绍下在mac上如何使用模拟器来调试页面。
安装
ios simulator捆绑于xcode， 直接上appStore 搜索Xcode进行安装
如何使用
1.打开xcode，需要新建一个项目，通过”Xcode-Open Developer Tool-Simulator“选项启动模拟器。
会加载一个默认的ios设备，并在程序坞中出现Simulator的图标（可以将图标保留在程序坞中，下次就可以直接打开，不需要再通过打开xcode这么麻烦），然后就可以使用模拟设备的safari浏览器进行测试了。
2.打开调试窗口
打开mac上的safari浏览器，选择”开发-模拟器-待调试网页“，就可以打开控制台了。
注：如果没有开发选项，需要在“safari的偏好设置-高级”中打开
（效果图）
3.切换不同设备及不同IOS系统
通过simulator图标打开模拟器，默认加载的是上次退出时的模拟设备，可以在"Hardware-Device"选项中更换，也可以更换不同的ios版本测试兼容性
不同版本的ios系统需要下载，打开xcode，下载入口在下图位置。
完
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- Android Instrumentation测试在Travis CI AVD上失败,但在本地模拟器上工作
- Android模拟器检测方案优化
- QEMU 4.0.0 发布，几乎可以模拟任何硬件设备的模拟器
- QEMU 4.0.0 发布，几乎可以模拟任何硬件设备的模拟器
- iOS 模拟器调试大法了解一下?
- Android QEMU 模拟器移植 - 编译
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
