微信公众号web限制用户强制修改字体大小

最新推荐文章于 2024-09-26 17:23:15 发布

原创最新推荐文章于 2024-09-26 17:23:15 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #公众号 #字体

微信公众号专栏收录该内容

1 篇文章

订阅专栏

博客提到将代码放入全局，举例可放在APP.VUE里。

    /* eslint-disable */ 
    /** 限制用户修改字体大小 */
    setting () {
      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
          })
        })
      }
    }

放入全局，例如APP.VUE里就可以了