禁止调整微信浏览器内字体大小

最近发现在微信浏览器调整页面的字体大小时,会打乱页面的整个布局,在网上找了找解决的方案,找到了以下此方案,有效的解决了这个问题,我也借鉴过来以便更多的小伙伴解决此类问题


出现的问题:1、如果用户在标准情况下,打开页面。再调整字体大小,那么页面依旧正常。

      2、如果用户先调整了字体大小,再打开页面,页面会变大,一秒之后恢复正常。

      注:采用loading,可解决2的问题

采用的地址:https://www.cnblogs.com/bagnliu/p/8341565.html

created: function() {
	this.setting();
},
methods: {
  setting: function() {
	if(typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
		handleFontSize();
	} else {
		if(document.addEventListener) {
			document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
		} else if(document.attachEvent) {
			document.attachEvent("WeixinJSBridgeReady", handleFontSize);
			document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
		}
	}
	function handleFontSize() {
		// 设置网页字体为默认大小
		WeixinJSBridge.invoke('setFontSizeCallback', {
			'fontSize': 0
		});
		// 重写设置网页字体大小的事件
      	WeixinJSBridge.on('menu:setfont', function() {
			WeixinJSBridge.invoke('setFontSizeCallback', {
				'fontSize': 0
			});
		});
	}
  }
}

猜你喜欢

转载自blog.csdn.net/weixin_41455147/article/details/82894837
今日推荐