怎么限制微信内置浏览器对页面字体大小的修改

Posted 2023-05-13

微信内置浏览器的改变字体功能应该是修改了所有文本的font-size，从前端角度来讲，没有办法禁止。 参考技术A // 禁止微信内置浏览器修改页面字体大小 安卓
(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 );
);

)();
// ios
body
-webkit-text-size-adjust: 100%!important;
参考技术B 你微信内能有浏览器？追问

微信内置浏览器，就是平时打开分享链接时用的浏览器

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

微信中 以下代码可使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