bei 发表于 2019-9-20 13:44:33

一看就会,超有用活字格技能:六十五,更靠谱的手机模拟器

本帖最后由 Tracy.Liu 于 2019-9-27 11:40 编辑

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



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


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

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

使用Chrome浏览器的设备模拟,同样可以调试活字格手机页面,具体操作是:
1. 修改浏览器的URL的后缀部分:

删除红框标识的部分,变为:

2. 开启Chrome浏览器开发者工具 -> 开启设备模拟器:


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

Simon.hu 发表于 2019-9-20 18:33:01

谢谢分享!
页: [1]
查看完整版本: 一看就会,超有用活字格技能:六十五,更靠谱的手机模拟器