禁止微信調整頁面字體大小


問題:如果用戶在微信瀏覽器內調整了字體大小,那么正常的頁面會隨之縮放,有可能導致正常的頁面,樣式錯亂。

解決方法:(參考網友的答案,實測有效)在頁面上添加如下代碼,即可:

 

出現的問題:1、如果用戶在標准情況下,打開頁面。再調整字體大小,那么頁面依舊正常。

      2、如果用戶先調整了字體大小,再打開頁面,頁面會變大,一秒之后恢復正常。

      注:采用loading,可解決2的問題

 

 

<script>
(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

});

});

}
})();
</script>




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM