码迷,mamicode.com
首页 > 微信 > 详细

微信开发注意点

时间:2017-03-10 10:56:19      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:www   and   开发   invoke   链接   微信   字体大小   解决方案   并且   

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

微信开发注意点

标签:www   and   开发   invoke   链接   微信   字体大小   解决方案   并且   

原文地址:http://www.cnblogs.com/BurtBlog/p/6529337.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!