美文网首页
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