DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2014-10-30 17:08
  • 更新:2014-10-30 17:08
  • 阅读:24954

PC上使用chrome浏览器模拟手机浏览器

分类:MUI

chrome浏览器提供了模拟手机浏览器的功能,这样在开发mobile app的过程中,就可以通过pc端的chrome浏览器快速模拟不同手机浏览器的显示效果。模拟方法如下:
1、通过pc端的chrome浏览器打开要预览的页面
2、在页面上右键,选择“审查元素”,打开chrome控制台;
3、选择右下角的“Show drawer”按钮,如下截图:


4、选择“Emulation”选项,如下图所示:

5、通过Model选择要模拟的手机类型,如图:

6、刷新当前页面,即可看到在手机上的模拟显示效果;
7、若要模拟手机端的touch事件,则勾选Sensors选项,并勾选“Emulate touch screen”即可,如下;

1 关注 分享
雪之梦技术驿站

要回复文章请先登录注册

4***@qq.com

4***@qq.com

回复 2***@qq.com :
可以调试 但是仅限前端
2017-04-07 10:27
2***@qq.com

2***@qq.com

回复 4***@qq.com :
到底是不是真调试啊?
2017-04-07 09:49
4***@qq.com

4***@qq.com

回复 珈蓝寺的夜枭 :
那是真的调试
2017-02-09 14:39
yaohuiQiu

yaohuiQiu

回复 DCloud_UNI_CHB :
就是真的调试
2016-04-07 15:31
珈蓝寺的夜枭

珈蓝寺的夜枭

说的好像跟真的能调试一样
2015-10-10 10:24
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

mui封装的窗口管理是基于webview的,chrome还无法模拟webview。
2014-11-19 23:36
Kayson

Kayson

为什么我用这种方法打开页面调试,调用mui.openWindow()时返回undefined呢?
2014-11-19 17:04