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)


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

查看所有标签

猜你喜欢:

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

Python编程无师自通

Python编程无师自通

[美] 科里·奥尔索夫(Cory Althoff) / 宋秉金 / 人民邮电出版社 / 2019-1-1 / 59

畅销Python编程类入门书,美国亚马逊Kindle编程类排行榜榜一。 作者从文科毕业,通过自学编程转行为专业程序员,在硅谷工作多年后成功技术创业。本书不仅教读者如何使用Python语言编程,还会介绍其他书中所忽略的、编程初学者应该了解并掌握的其他所有知识点。 本书作者是一名自学成才的程序员,经过一年的自学,掌握了编程技能并在eBay找到了一份软件工程师的工作。本书是作者结合个人经验写......一起来看看 《Python编程无师自通》 这本书的介绍吧!

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

在线压缩/解压 CSS 代码

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

多种字符组合密码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器