找回密码
 立即注册

QQ登录

只需一步,快速开始

bei

注册会员

7

主题

25

帖子

60

积分

注册会员

积分
60
bei
注册会员   /  发表于:2019-9-20 13:44  /   查看:6704  /  回复:1
本帖最后由 Tracy.Liu 于 2019-9-27 11:40 编辑

在电脑上调试运行手机页面,活字格为了在PC获得更接近手机的预览体验,会在弹出的浏览器页面中拟物化的显示一个手机的外壳,如图: 手机模拟器启动.gif



对于使用Chrome浏览器的用户,一定要知道其中的设备模拟功能特别好用。通过Chrome浏览器的开发者工具中的设备模拟器,选定浏览器要模拟的设备:

设备模拟器_meitu_2.jpg
没错,一大堆iPhone和安卓旗舰手机就藏在你的Chrome浏览器里,想用哪个就用哪个。

通过会根据选定的设备调整页面的大小,方便开发者预览网页应用在不同设备的排版情况。

使用Chrome浏览器的设备模拟,同样可以调试活字格手机页面,具体操作是:
1. 修改浏览器的URL的后缀部分:
image.png744614562.png
删除红框标识的部分,变为:
image.png208404845.png
2. 开启Chrome浏览器开发者工具 -> 开启设备模拟器:
更靠谱的手机模拟器.gif

总结,使用Chrome浏览器模拟设备,可以让整个浏览器页面展示手机排版,去掉占据空间的手机壳,这在活字格调试手机页面的时候很有用的。

1 个回复

倒序浏览
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2019-9-20 18:33:01
沙发
谢谢分享!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部