初识js-sdk微信公众号开发

在微信官方文档里面其实已经给出了非常详细的操作步骤(具体请参照https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html)里面关于微信网页开发的相关文档,其中包含了网页授权,weui以及js-sdk;

1.在做微信公众号的时候会遇到的问题

  由于受手机屏幕大小的影响,适配其实是最让我头疼的事;在网上找的最多的就是使用rem来达到适配的目的。

 1 !(function(win, doc) {
 2     function setFontSize() {
 3         // 获取window 宽度
 4         var winWidth = window.innerWidth;
 5         doc.documentElement.style.fontSize = (winWidth / 750) * 100 + 'px';
 6     }
 7     var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
 8     var timer = null;
 9     win.addEventListener(evt, function() {
10         clearTimeout(timer);
11 
12         timer = setTimeout(setFontSize, 300);
13     }, false);
14     win.addEventListener("pageshow", function(e) {
15         if (e.persisted) {
16             clearTimeout(timer);
17 
18             timer = setTimeout(setFontSize, 300);
19         }
20     }, false);
21     //初始化
22     setFontSize();
23 }(window, document));

猜你喜欢

转载自www.cnblogs.com/qxp140605/p/11645974.html