mui webview选项卡首次只加载第一个页面，其余点击触发在执行

最新推荐文章于 2024-03-28 09:37:47 发布

__心诺

最新推荐文章于 2024-03-28 09:37:47 发布

阅读量3k

点赞数

分类专栏： MUI

本文链接：https://blog.csdn.net/moxiaoya1314/article/details/78771503

版权

本文介绍了一种优化策略，通过调整mui Webview的加载方式，使得首次加载时仅显示第一个页面，其余页面在用户点击时按需加载，从而提升应用启动速度并改善用户体验。

摘要由CSDN通过智能技术生成

开始做的webview 一进去就加载了所有页面，速度慢，而且弹出其他页面的弹窗，所有改进了方法，第一次进去只执行了第一个页面，其余点击后执行。代码如下：

var aniShow = {};
			//创建子页面，首个选项卡页面显示，其它均隐藏；
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				for (var i=0; i<1; i++) {
					var sub = plus.webview.create(subpages[i].mobileHref, subpages[i].mobileHref, subpage_style, {
						parentMenuId: subpages[i].id,
						selfModelHref: subpages[i].mobileHref
					});
					if (i > 0) {  
				        sub.hide();  
				    }  
				    self.append(sub); 
					
				}
			});
			//选项卡点击事件
			mui('body').on('tap', '.mouduleBtn', function() {
				var targetTab = this.getAttribute('href');
				var targetTabId = this.getAttribu