So laden Sie externe Webseiten oder Serverdaten mit dem MUI-Framework

Jetzt werde ich mit Ihnen eine kurze Diskussion über die Methode zum Laden externer Webseiten oder Serverdaten im MUI-Framework teilen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Wenn viele unserer Schüler das MUI-Framework implementieren, verwenden sie beim Öffnen einer neuen Seite häufig die Methode mui.openwindow. Wenn sie jedoch auf eine Webseite stoßen, muss diese vom Server heruntergeladen oder extern verschachtelt werden. Beim Laden von Webseiten kann es aufgrund von Problemen mit der Netzwerkgeschwindigkeit zu einem weißen Bildschirm kommen und die Wartezeit ist zu lang, was zu einer schlechten Benutzererfahrung führt.

Verwenden Sie plus.webview wenn die Seite geladen wird.

Fügen Sie einfach den Code ein

Zuerst brauchen wir Um eine übergeordnete Seite zu erstellen, ist das Folgende der JS der übergeordneten Seite

// H5 plus事件处理 
function plusReady(){ 
var nwaiting = plus.nativeUI.showWaiting();//打开原生加载等待框 
ws=plus.webview.currentWebview();//创建一个新的页面 
embed=plus.webview.create(“createShow.html”,”“,{bottom:”0px”});//新的页面地址 
embed.onclose=embedClose; 
ws.append(embed);
} 
if(window.plus){ 
plusReady(); 
}else{ 
document.addEventListener(“plusready”,plusReady,false); 
} 
// 页面关闭事件回调函数 
function embedClose(e){ 
alert( “Closed!” ); 
}

Erstellen Sie eine createShow.html-Unterseite. Dies ist der Name, den ich selbst gewählt habe.

mui.init({
      //示例打开百度,进行加载
      subpages:[{
        url:"https://www.baidu.com",
        id:"https://www.baidu.com",
        styles:{
        }
      }]
    })

mui.plusReady(function(){
var ws = plus.webview.currentWebview();//加载进外部网页,加载完成关闭等待框
ws.show('slide-in-right', 50);
plus.nativeUI.closeWaiting();
} )

Das Obige ist was Ich habe es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Verwenden des Bild-Lazy-Loading-Plug-Ins in Vue-Lazyload

So verwenden Sie highCharts zum Zeichnen eines 3D-Bildes Kreisdiagramm in Vue

So verwenden Sie ueditor in Vue

Das obige ist der detaillierte Inhalt vonSo laden Sie externe Webseiten oder Serverdaten mit dem MUI-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!