当前位置: 首页 > news >正文

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

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,这里有一些案例:

搜达足球

财经早报

天行者户外

华职人才网

f5d9d6bf72e4bb249954a45b76a7118a.png

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

相关文章:

  • 计算机网络信息安全管理办法,计算机网络信息安全管理实施细则.doc
  • html5 全屏样式,HTML5 全屏特性
  • 计算机软考网络工程师历年真题,2019上半年软考网络工程师考试下午真题
  • plc是一台专用计算机对,PLC其实质上是一台工业控制用的专用计算机,它由硬件系统和软件系统两大部分组成...
  • 南航计算机英语面试自我介绍,南航应聘英语自我介绍4篇
  • 计算机系统 理论知识试卷,计算机理论期中考试题
  • 2000的笔记本能HTML,我想买一个笔记本,最好是2000--3000元,请高人给个配置单。谢谢,家用的。...
  • 安徽财贸职业学院计算机信息管理怎么样,让别人看看安徽财贸职业学院计算机系汪永涛辅导员如何对待我的!!...
  • 匹兹堡大学计算机科学世界排名,2020年匹兹堡大学QS世界排名
  • 上海科技大学和南方科技大学计算机,上海科技大学和南方科技大学哪个好?哪个更容易考?...
  • 计算机一级ps怎么保存,2017年计算机等考一级PS辅导:PS图像格式详细解说
  • 第十届计算机大赛获奖作品,我校学子斩获第十届中国大学生计算机设计大赛全国一等奖...
  • 电子计算机人工智能,人工智能的起源 ENIAC开启的电子计算机时代
  • 软件测试如何测试系统,软件测试中如何做好系统测试
  • 体育测试一般测什么软件,体能测试有哪些项目 体能测试具体测什么