web测试-ios设备模拟器(iOS Simulator)

栏目: IOS · 发布时间: 6年前

内容简介:虽然 Chrome DevTools 可以模拟手机的环境,但与真实环境差别比较大,所以一般会用真机调试,或者就是用模拟器了。这篇文章主要就是介绍下在mac上如何使用模拟器来调试页面。

前言

虽然 Chrome DevTools 可以模拟手机的环境,但与真实环境差别比较大,所以一般会用真机调试,或者就是用模拟器了。这篇文章主要就是介绍下在mac上如何使用模拟器来调试页面。

安装

ios simulator捆绑于xcode, 直接上appStore 搜索Xcode进行安装

web测试-ios设备模拟器(iOS Simulator)

如何使用

1.打开xcode,需要新建一个项目,通过”Xcode-Open Developer Tool-Simulator“选项启动模拟器。

web测试-ios设备模拟器(iOS Simulator)

会加载一个默认的ios设备,并在程序坞中出现Simulator的图标(可以将图标保留在程序坞中,下次就可以直接打开,不需要再通过打开xcode这么麻烦),然后就可以使用模拟设备的safari浏览器进行测试了。

2.打开调试窗口

打开mac上的safari浏览器,选择”开发-模拟器-待调试网页“,就可以打开控制台了。

web测试-ios设备模拟器(iOS Simulator)

注:如果没有开发选项,需要在“safari的偏好设置-高级”中打开

web测试-ios设备模拟器(iOS Simulator)

(效果图)

3.切换不同设备及不同IOS系统

通过simulator图标打开模拟器,默认加载的是上次退出时的模拟设备,可以在"Hardware-Device"选项中更换,也可以更换不同的ios版本测试兼容性

web测试-ios设备模拟器(iOS Simulator)

不同版本的ios系统需要下载,打开xcode,下载入口在下图位置。

web测试-ios设备模拟器(iOS Simulator)


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learn Python the Hard Way

Learn Python the Hard Way

Zed Shaw / Example Product Manufacturer / 2011

This is a very beginner book for people who want to learn to code. If you can already code then the book will probably drive you insane. It's intended for people who have no coding chops to build up t......一起来看看 《Learn Python the Hard Way》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

随机密码生成器
随机密码生成器

多种字符组合密码