美文网首页
h5禁止微信内置浏览器调整字体大小

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

作者: love埖落葙缌盡 | 来源:发表于2017-08-01 14:02 被阅读0次

    安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小:

    /*

    • android禁止微信浏览器调整字体大小

    • 这种方法会导致网页延迟大约1S

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

    相关文章

      网友评论

          本文标题:h5禁止微信内置浏览器调整字体大小

          本文链接:https://www.haomeiwen.com/subject/euejlxtx.html