内容简介：虽然 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，下载入口在下图位置。
完
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
HTML5从入门到精通
明日科技 / 清华大学出版社 / 2012-9 / 59.80元
《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。书中所有知识点均结合实例进行讲解，方便读者动手实践。同时在每章的最后还设置了习题，通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识，还能满足读者充分实践的需求。一起来看看 《HTML5从入门到精通》 这本书的介绍吧!
