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均不受影響。

http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/113


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM