DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2014-12-10 20:54
  • 更新:2019-07-01 17:37
  • 阅读:772466

mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站

分类:MUI

mui适用场景说明
===
为解决HTML5在低端Android机上的性能缺陷,mui引入了原生加速,其中最关键的就是webview控件,因此mui若要发挥其全部能力,需和5+ App配合适用,若脱离5+ App,mui功能会受限,主要涉及三个部分:

webview窗口相关

涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,涉及功能点包括:

  • webview模式窗体动画
  • 创建子窗口(除了为解决区域滚动的常见双webview场景,还涉及webview模式的选项卡等多webview场景)
  • webview模式的侧滑菜单(也有div方式侧滑菜单)
  • webview模式的tab选项卡(也有div方式选项卡)
  • nativeUI,如原生的警告框、确认框、popover、actionsheet、toast。这些也有HTML5的实现。
  • 预加载
  • 自定义事件

第三方扩展插件

涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,目前主要包括:语音输入;

Touch事件相关(注意pc浏览器没有touch事件)

Touch事件相关的,手机端浏览器均可使用、pc端chrome模拟手机浏览器也可以正常使用。
但普通PC端浏览器因为没有touch事件,可以显示控件但滑动操作功能会受限;涉及功能点包括:

  • 手势事件
  • mui封装的tap相关处理业务:折叠面板、二级列表、二级选项卡;
  • mui封装的swipe、drag相关处理业务:图片轮播、可左右滑动的图文表格、可左右滑动的9宫格、滑动触发列表项菜单、可拖动式侧滑菜单、下拉刷新和上拉加载、可拖动式选项卡
    【备注】:在PC端,大家将tap替换成click,将HTML5默认的Drag事件替换mui 的swipe和drag,就可以解决如上两个问题。

除上述列出的功能点,其它mui功能,均可以在其它手机浏览器及PC服务端使用,所有CSS均不受影响。

很多开发者使用mui开发了web app,这里有一些案例:
搜达足球
财经早报
天行者户外
华职人才网

若通过PC端chrome模拟手机浏览器访问hello mui,只能看到首页标题栏,看不到列表,因为列表是作为子webview页面加载到首页的,如无法显示。

35 关注 分享
ThinkCMF 川川 ben 发飙的蜗牛 沣洋 萧 hilongjw lobtao 王彦坡 佳人逝水雁南飞 batsing hoonng damdmen 水中月明 imengxin HCloud 心月 西瓜果果 Trust zfs 445767568@qq.com 752930345@qq.com 840856399@qq.com gaohuazi heshiweij@gmail.com 328082876@qq.com 826652961@qq.com fsjungle@qq.com theflashdye@163.com 5470824@qq.com bend Warn zxgiot 菜鸡 KevinWong

要回复文章请先登录注册

divingMonkey@163.com

divingMonkey@163.com

如何将Hello 5+ 和miui 集成在一起呢?
2019-07-01 17:37
背着电脑走江湖

背着电脑走江湖

从九月中旬开始做混合app,到12月中下旬app上线。已经完成了一个简单的app并且在腾讯和苹果appstore上线了,这期间遇到过无数的坑,主要是熟悉和使用mui框架,h5+,以及调用原生api等,入坑已深,现在正准备开发一款旅游类的混合app,原型图已经出。现在准备开工了。同时,希望有一起做混合app的,有兴趣加qq群260548659一起讨论交流学习,爬坑,共同进步。
2019-01-09 16:55
lujunoo@outlook.com

lujunoo@outlook.com

回复 wuqiuju_wqj@163.com :
手机里面是没有windown对象的
2018-09-04 15:34
zoltun

zoltun

mui在桌面浏览器不能正常调试的, 点击都没有反应的.
2018-03-20 08:35
wuqiuju_wqj@163.com

wuqiuju_wqj@163.com

回复 臭小子 :
我用iframe. openWindow 用不了啊。。。你没遇到问题吗
2018-01-17 17:01
saike327@163.com

saike327@163.com

两个标题可以删除一个吗
2017-12-25 16:41
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 752930345@qq.com :
参考:http://ask.dcloud.net.cn/article/69
2017-12-20 14:27
752930345@qq.com

752930345@qq.com

回复 qq421065846 :
请问您,mui里面应用到了webview怎么进行页面的调试和开发呀
2017-12-20 13:46
qq421065846

qq421065846

从七月中旬开始做混合app,到8月中下旬app上线。已经完成了一个简单的app并且在腾讯和苹果appstore上线了,这期间遇到过无数的坑,主要是熟悉和使用mui框架,h5+,以及调用原生api等,入坑已深,现在正准备开发一款旅游类的混合app,原型图已经出。现在准备开工了。同时,希望有一起做混合app的,有兴趣加qq群654230427一起讨论交流学习,爬坑,共同进步。
2017-09-11 22:25
周理强

周理强

回复 qq421065846 :
请问有遇到过这样的情况吗,在mui webapp里面使用谷歌地图,谷歌登录等一类服务,真机运行时候会不显示,在浏览器里可以显示
2017-08-18 16:58