微信开发注意点

Posted 2020-09-03

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

  目前ios的解决方案是覆盖掉微信的样式：

1 body { /* IOS禁止微信调整字体大小 */
2     -webkit-text-size-adjust: 100% !important;
3 }

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

 1 /*
 2 * android禁止微信浏览器调整字体大小
 3 
 4 *  这种方法会导致网页延迟大约1S
 5 
 6 */
 7 (function () {
 8 
 9 　　if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
10 
11 　　handleFontSize();
12 
13 　　} else {
14 　　if (document.addEventListener) {
15 
16 　　　　document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
17 
18 　　} else if (document.attachEvent) {
19 
20 　　　　document.attachEvent("WeixinJSBridgeReady", handleFontSize);
21 
22 　　　　document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
23 
24 　　}
25 
26 }
27 
28 function handleFontSize() {
29 
30 　　// 设置网页字体为默认大小
31 　　WeixinJSBridge.invoke(‘setFontSizeCallback‘, {
32 
33 　　‘fontSize‘: 0
34 
35 　　});
36 
37 
38 　　// 重写设置网页字体大小的事件
39 　　WeixinJSBridge.on(‘menu:setfont‘, function () {
40 
41 　　　　WeixinJSBridge.invoke(‘setFontSizeCallback‘, {
42 
43 　　　　　　‘fontSize‘: 0
44 
45 　　　　});
46 
47 　　});
48 
49 　　}
50 })();

参考链接：

1、字体大小：http://www.cnblogs.com/Man-Dream-Necessary/p/5939001.html