如何让HTML5的页面字体,不受企业微信内置浏览器的更改字体大小功能影响?

2024/12/03
提问

通过安卓端的企业微信内置浏览器加载的html页面,调整右上角的更改字体大小功能后会导致页面元素太大,导致页面效果加载异常,能不能也定义类似微信端的这个setFontSizeCallback方法,通过这么调用使得安卓端企业微信加载的页面不受调整字体大小功能控制

<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>