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

最新推荐文章于 2023-04-06 15:01:30 发布

原创最新推荐文章于 2023-04-06 15:01:30 发布 · 864 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在iOS和Android平台上通过重写样式和事件来控制网页字体大小的方法。在iOS上，通过CSS重写样式控制字体大小；在Android上，使用JavaScript重写事件来阻止用户调整字体大小。

ios 通过重写样式控制

body { -webkit-text-size-adjust:100%!important; }

android 通过重写事件控制

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