微信开发注意点

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

微信开发注意点

上一篇:微信公众号项目笔记 二


下一篇:“听说你是个程序员,不能把时间消耗在阅读微信公众号上”