TypechoJoeTheme

Dcr163的博客

统计

微信设置字体大写导致页面排版错乱,页面设置禁止生效的代码

2024-04-11
/
0 评论
/
1,690 阅读
/
正在检测是否收录...
04/11

IOS在css上新增

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

Android

在 Android 下,需要通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小。

    <!-- 强制禁止用户修改微信客户端的字体大小 -->
    (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 });
            });
        }
    })();
    <!-- 强制禁止用户修改微信客户端的字体大小 end -->

朗读
赞(0)
版权属于:

Dcr163的博客

本文链接:

https://www.dcr163.cn/714.html(转载时请注明本文出处及文章链接)

评论 (0)