防止用户调整微信浏览器字体大小导致的显示异常

最新推荐文章于 2024-01-11 10:06:05 发布

羽筠

最新推荐文章于 2024-01-11 10:06:05 发布

阅读量330

点赞数

分类专栏： JS 微信项目

本文链接：https://blog.csdn.net/qq_16494241/article/details/120544809

版权

微信浏览器 JSBridge 字体大小显示异常 JavaScript

关键词由CSDN通过智能技术生成

JS 同时被 2 个专栏收录

72 篇文章 0 订阅

订阅专栏

微信项目

16 篇文章 0 订阅

订阅专栏

防止用户调整微信浏览器字体大小导致的显示异常（加JS代码）

// 下面这段代码，防止用户调整微信浏览器字体大小导致的显示异常
(function() {
  if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
      handleFontSize();
  } else {
      if (document.addEventListener) {
          document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
      } else if (document.attachEvent) {
          //IE浏览器，非W3C规范
          document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
      }
  }

  function handleFontSize() {
      // 设置网页字体为默认大小
      WeixinJSBridge.invoke('setFontSizeCallback', {
          'fontSize': 0
      });
      // 重写设置网页字体大小的事件
      WeixinJSBridge.on('menu:setfont', function() {
          WeixinJSBridge.invoke('setFontSizeCallback', {
              'fontSize': 0
          });
      });
  }
})();