安卓防止微信调整字体大小

最新推荐文章于 2024-03-05 16:30:26 发布

Cheryl71

最新推荐文章于 2024-03-05 16:30:26 发布

阅读量330

点赞数

文章标签：微信 javascript

本文链接：https://blog.csdn.net/day71/article/details/121101025

版权

在做公众号开发时，测试将微信字体调大后，看到三联选择器样式出错（如下图）
在这里插入图片描述
在对应页面，引入以下js代码，阻止微信调整字体大小

/**
 * 安卓阻止微信调整字体大小
 * 针对微信端安卓系统字体大小会影响WEB页面字体大小的解决方案
 *
 */
(function wxHandleFontSize() {
    if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
        handleFontSize();
    } else {
        if (document.addEventListener) {
            document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
        } else if (document.attachEvent) {
            //IE浏览器，非W3C规范
            document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
        }
    }
    function handleFontSize() {
		// 设置网页字体为默认大小
		WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
		// 重写设置网页字体大小的事件
		WeixinJSBridge.on('menu:setfont', function() {
			WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
		});
	}
})();