一看就会,超有用活字格技能:六十五,更靠谱的手机模拟器
本帖最后由 Tracy.Liu 于 2019-9-27 11:40 编辑在电脑上调试运行手机页面,活字格为了在PC获得更接近手机的预览体验,会在弹出的浏览器页面中拟物化的显示一个手机的外壳,如图:
对于使用Chrome浏览器的用户,一定要知道其中的设备模拟功能特别好用。通过Chrome浏览器的开发者工具中的设备模拟器,选定浏览器要模拟的设备:
没错,一大堆iPhone和安卓旗舰手机就藏在你的Chrome浏览器里,想用哪个就用哪个。
通过会根据选定的设备调整页面的大小,方便开发者预览网页应用在不同设备的排版情况。
使用Chrome浏览器的设备模拟,同样可以调试活字格手机页面,具体操作是:
1. 修改浏览器的URL的后缀部分:
删除红框标识的部分,变为:
2. 开启Chrome浏览器开发者工具 -> 开启设备模拟器:
总结,使用Chrome浏览器模拟设备,可以让整个浏览器页面展示手机排版,去掉占据空间的手机壳,这在活字格调试手机页面的时候很有用的。
谢谢分享!
页:
[1]