内容简介：虽然 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 模拟器移植 - 编译
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Head First HTML5 Programming（中文版）
埃里克•弗里曼 (Eric Freeman)、伊丽莎白•罗布森 (Elisabeth Robson) / 中国电力出版社 / 2012-9 / 78.00元
《Head First HTML5 Programming(中文版)》内容简介：你可能想创建具有动态性、交互性、包含丰富数据而且互连的Web页面。先等一下，Web页面？为什么不用HTML5创建成熟的Web应用呢？另外，为什么不使用现代技术，像在移动设备上一样轻松地应用到桌面浏览器呢？当然，你肯定希望使用最新的HTML5技术来完成，比如地理定位、视频、2D绘制、Web存储、Web工作线程等，是不是？......一起来看看 《Head First HTML5 Programming（中文版）》 这本书的介绍吧!
