微信设置的字体大小直接影响小程序H5的字体大小,官方提供的方法只对微信H5有效,小程序里无效?
现象:微信端设置大字体,然后进入小程序H5,发现字体也变大了。 本意:小程序H5的字体大小不变 解决:查询了论坛,找到了官方的方法:使用WeixinJSBridge.invoke。 问题:在微信H5上生效,小程序端H5不生效。 设备信息:小米10,Android 12, WeChat 8.0.27.2220 小程序版本库:2.25.4 if (navigator.userAgent.toLowerCase().indexOf('android') !== -1) {
// eslint-disable-next-line no-inner-declarations
function handleFontSize() {
// eslint-disable-next-line no-undef
const bridge = WeixinJSBridge
bridge.invoke('setFontSizeCallback', { fontSize: 0 })
bridge.on('menu:setfont', function() {
bridge.invoke('setFontSizeCallback', { fontSize: 0 })
})
}
// eslint-disable-next-line no-undef
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)
}
}
}