이제 MUI 프레임워크에서 외부 웹 페이지나 서버 데이터를 로드하는 방법에 대해 간략하게 설명하겠습니다. 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.
많은 학생들이 MUI 프레임워크를 구현할 때 새 페이지를 열 때 mui.openwindow 메서드를 사용하는 경우가 많습니다. 그러나 웹 페이지를 서버에서 다운로드해야 하거나 외부 웹 페이지에 중첩해야 하는 경우에는 네트워크 속도 문제로 인해 로딩 중 흰색 화면이 나타나고 대기 시간이 너무 길어져 사용자 경험이 저하됩니다.
페이지 로딩 시 plus.webview.create 메소드를 사용하면 이 문제를 해결할 수 있습니다.
더 이상 고민할 필요 없이 코드를 붙여넣기만 하면 됩니다
먼저 상위 페이지를 만들어야 합니다. 다음은 상위 페이지의 JS입니다.
// 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!” ); }
createShow.html 하위 페이지를 만듭니다. 제가 직접 선택한 이름,
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(); } )
위 내용은 여러분을 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.
관련 기사:
vue-lazyload에서 이미지 지연 로딩 플러그인 사용하기
highCharts를 사용하여 Vue에서 3D 원형 차트를 그리는 방법
위 내용은 MUI 프레임워크를 사용하여 외부 웹 페이지 또는 서버 데이터를 로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!