微信(移动端web)开发中的一些坑与心得

最初接触微信开发的时候 应该是快两年前   那个时候 微信开发只能做一些简单(基础)的事情  比如自定义内容回复，获取用户位置信息等  

而且更重要的是  WeixinJs接口 内容太少  所以没玩多久 就没有继续开发微信了  直到前一段时间 项目的原因  才又开始着手做微信开发    

总的来讲  微信开发大部分不是很难   但是很坑  所以我就临时回忆一下当时碰到哪些比较坑的事情 

1.好像是设置安全域名(具体名称记不起来  但是就是设置你服务器的 域名 保证请求都是来源于那里)   官方文档写的不是很好 比较乱    所以当时就直接填了 http://....... 但是 最后折腾 了很久还是一直错误   于是各种百度 看文档   最后是找到问题了     这个要填http://后面的内容（虽然官方文档说填域名没错  但是正常思维都是直接连同http协议一起给填进去了）

这个错误也是欲哭无泪

2.第二个比较坑的就是access_token  这个我说的是那个每天请求有上限的那个   也就是说 你必须把access_token缓存一段时间 （有效时间是7200秒 ）  一般是以文件缓存(虽然这个做法不是很好 因为涉及到文件读写 可能会导致文件被锁) 还有一种是缓存到内存 (没试过)     我当时是用新浪sae(不支持写文件) 所以是存在sae提供的一个 键值对存储中  反正就是挺麻烦的

3.微信还有问题应该就是涉及到微信内置浏览器使用问题了  这个问题就比较大了   因为涉及到浏览器(android端的x5浏览器比较坑  x5说是对h5支持比较好  但是比webkit坑多了) 以及不同的系统(ios用的safari 所以会有一个“橡皮筋效果 ”  我当时做的是移动端的图片操作 涉及到很多手势问题 所以可能会有一些影响)  

4.为了实现某个功能  在微信网页中用js去获取网页的宽高   网上说的是 用document.documentElement.clientWidth  和document.documentElement.clientHeight  来获取宽高 

但是做过就知道 这个得到的不是我们以为的浏览器的宽度和高度   比如用5s测试 获得到的宽度好像是320(正常情况下  我们想要得到的是像素值  但是这个很明显不是我们想要的 )有兴趣可以自己测试一下 我记得这个里面还大有文章（和手机有关 网上还有一个网站专门列出不同的手机对应的不同值）

当然微信坑的地方还有很多  以上只是临时想起来写的   后续可能还会补充