内容简介：虽然 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 模拟器移植 - 编译
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
响应式Web设计实践
[美] Tim Kadlec / 侯鸿儒 / 人民邮电出版社 / 2013-3-1 / 55.00元
随着各种各样的移动设备不断地涌现到使用者面前，Web设计的适应性已经成为设计师们所面临的最为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供友好的UI和用户体验，同时在小尺寸屏幕上也应该可以提供一致的用户体验，并可以让用户能够在桌面大屏幕上和移动小屏幕上平滑切换，同时没有任何的不适应感觉。 本书作者是一位出色的开发者，在本书中，他将诸多技术和设计理念杂糅在一起，再辅以......一起来看看 《响应式Web设计实践》 这本书的介绍吧!
