微信内置浏览器禁止调整字体大小的方法

Posted 2021-02-27 HI IT

微信中 以下代码可使android机页面不再受用户字体缩放强制改变大小，但是会有1S左右延时，期间可以考虑loading来处理

<script>

(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 });
    });
}
})();

</script>

2.ios系统禁止微信客户端修改字体大小

body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

 来源https://segmentfault.com/q/1010000011631008