ホームページ > 記事 > ウェブフロントエンド > MUI フレームワークを使用して外部 Web ページまたはサーバー データをロードする方法
ここで、MUI フレームワークで外部 Web ページまたはサーバー データをロードする方法について簡単に説明します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。
多くの学生が MUI フレームワークを実装する場合、新しいページを開くときに、Web ページをサーバーからダウンロードする必要がある場合、または外部 Web ページにネストする必要がある場合に、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:{ } }] })rreee
上記は私が皆さんのためにまとめたもので、将来皆さんのお役に立てれば幸いです。
関連記事:
vue-lazyloadで画像遅延読み込みプラグインを使用する
highChartsを使用してVueで3D円グラフを描画する方法
以上がMUI フレームワークを使用して外部 Web ページまたはサーバー データをロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。