使用 Xcode 在 iOS 模拟器中调试 Web 页面

买不起iphoneX,但是买得起mac的前端穷逼看过来!
使用Xcode就能在mac上模拟iphoneX,当然也可以模拟iphone6/7/8、iphone6/7/8 plus等等机型,超级方便。

第一步:下载 Xcode
去app store搜Xcode,不载了的话就升级一下系统咯!

第二步:打开 Simulator
iOS 模拟器(iOS Simulator)是捆绑在 Xcode 里的,不需要每次打开Xcode,直接去 /Applications/Xcode.app/Contents/Developer/Applications/ 路径下找到Simulator然后打开就可以了,每次打开路径嫌麻烦就保留在Dock上咯!

第三步:打开 Simulator 中的 Safari
打开 Simulator 的 Safari,输入网址就能预览了。如果要预览自己mac上的项目,可以用本地端口。

附加内容:
1、更换设备。例如想换成iphone6,hardware -> Device 然后自己选咯。
2、调试模拟器上的网页,打开mac上的safari浏览器,点一下 开发 -> 模拟器…

参考资料:http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值