mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站
来源:互联网 发布:移动公司网络维护员 编辑:程序博客网 时间:2024/04/30 07:28
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多端发布案例,挑食火锅。
使用mui,开发一次,通过条件编译生成了iOS、Android、浏览器、微信、百度直达号、360流应用等多个版本。
具体看www.dcloud.io/case/tiaoshi/
很多开发者已经自己动手使用mui开发了web app,这里有一些案例:
天行者户外
华职人才网
若通过PC端chrome模拟手机浏览器访问hello mui,只能看到首页标题栏,看不到列表,因为列表是作为子webview页面加载到首页的,如无法显示。
0 0
- mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站
- MUI能否用于微信开发?
- 如何在PC浏览器上看wap网站源码?
- 请问在handleMessage里能不能使用Canvas画图
- wap端微信h5支付,用于非微信浏览器
- 用于在浏览器地址栏里显示的图片
- WAP网站浏览器(模拟器)大全
- WAP网站浏览器(模拟器)大全
- WAP网站浏览器(模拟器)大全
- 怀念WAP网站和让IE浏览器支持WAP网站
- 手机WAP网站与普通网站的区别
- [软件发布]WAP网站在线浏览器 WapReader
- Visual Studio 开发WAP网站在UC浏览器下控件失效的问题
- SSM框架如何在普通类里使用注解
- 使用Vs2008开发Wap网站
- NoSQL类型、适用场景及使用公司
- 在普通的asp.net网站中使用ajax控件
- 在普通的asp.net网站中使用ajax控件
- Pascal数组
- UMeditor百度富文本编辑器的使用
- MySQL外键约束On Delete和On Update的使用
- android 内核编译问题汇总
- gson使用教程-翻译1
- mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站
- Unity优化大全(一)之开篇前言
- 天天酷跑
- android PorterDuffXfermode ,PorterDuff.Mode 使用 以及Porter-Duff规则详解
- 第5周工作周报
- 出入栈顺序可能性
- Hdu 2035 人见人爱A^B【快速幂】
- 虚函数、抽象类、接口类
- Leetcode 234 Palindrome Linked List