原创：跳坑指南——微信小顺序真机预览跟当地差别的题目

微信小顺序中涌现最多的一个题目，就是真机跟当地差别：我简朴枚举一些我发明的缘由，给人人参考，人人也能够把本身发明的东西复兴给我，给我参考：

当地看不到数据，就先让当地能看到数据，再看本帖。。。。

1：当地能够看到数据，ios不可，安卓能够；
多是tsl版本题目不支撑1.2致使，部份安卓能够许可tsl低于1.2而一般显现，而苹果不可；
解决要领：参考此帖排查题目并修复：request:fail毛病（含https解决方案）（真机预览题目
多是证书不受信托

2：当地能够看到数据，ios能够，安卓不可；
ios能够，而安卓不可，能够有以下几个状况
状况一：运用了不兼容安卓的js，比方es6的Object.assign，部份es6不兼容安卓，纵然开启es6转es5选项也无用；比方for of 和 forEach 须要换成for in；
状况申明：官方将在本月内的第二个版本更新时对ES6绝大部份API举行兼容
状况二：证书缺失，大部份状况是缺失中心证书，检测地点：https://www.myssl.cn/tools/ch&＃8230;；中心证书装置参考：http://www.wxapp-union.com/fo&＃8230;；
状况三：证书不受信托
状况四：测试机型较老，而tsl版本不支撑；tsl须要支撑较老版本，包括1.0,1.1；

3：当地能够看到数据，IOS及安卓均不可看到数据：多是：
状况一：运用了自签的证书；必需运用第三方受承认的证书
状况二：运用了IP，必需运用备案的域名
状况三：https题目，选项中挑选了不磨练域名选项，此选项对真机无效；

4：url内运用了端口，参考：http://www.wxapp-union.com/fo&＃8230;

5：数据未加载胜利，须要设定肯定的耽误量，在加载数据完成后再衬着页面；

6：一些迥殊题目，包括utf-8的bom题目致使安卓红点题目；http://www.wxapp-union.com/fo&＃8230;

• 背景返回数据中有bom不法字符， 前端能够用.trim()要领去一下， 治标的话得让背景把一切的文件编码花样改成utf-8
  官方诠释：近日有发明类似题目的都是由于返回的数据是 UTF-8 with BOM（即数据的开首是一个不可见字符 unicode 65279），Android 平台没有自动过滤，致使 JSON.parse 失利。现在须要开辟者自行兼容，下个版本 Android 会过滤此字符。

• ： http://www.wxapp-union.com/po&＃8230;

• http://www.wxapp-union.com/fo&＃8230;：
  你要求获得的res.data是不是有值，假如没有值就搜检一下ssl的题目。 假如有值但没有赋值胜利，最能够的缘由是猎取的是一个字符串而不是一个数组或对象。 你须要做一个花样化， if(typeof res.data === &＃8216;string&＃8217;)var data = JSON.parse(res.data.trim());再用data赋值。 这个的缘由是php输出的不会疏忽BOM的文件头，迥殊运用windows自带写字板修改后就会有个ufeff的字符在文件最先处，这个是不可见但会现实包括的。末了返回的就是字符串而非json数据，你直接对data赋值字符串是没法到达你想要的结果的，所以须要去掉，并从新花样化变成一个数组或对象。

7：真机跟当地款式差别：能够运用了ios或安卓某一端不兼容的款式属性；现在编辑器搜检愈来愈严厉，标签不闭合能够致使一些新鲜的题目；

8：微信版本不足，发起运用最新版本微信举行测试；最新版本检察地点：weixin.qq.com；此状况会有能够会致使uploadfile无效及新增api无效等题目：http://www.wxapp-union.com/po&＃8230;

9：图片当地能够看到，然则真机没法显现；
假如是背景图，多是
当地资本没法经由过程 css 猎取
background-image：能够运用收集图片，或许 base64，或许运用标签
假如是收集图片，多是图片服务器设置了反盗链；

10：header设置非常：这个状况多半发生在运用POST时；

data 数据申明 终究发送给服务器的数据是 String 范例，假如传入的 data 不是 String 范例，会被转换成 String 。转换规则以下：
关于 header[&＃8216;content-type&＃8217;] 为 &＃8216;application/json&＃8217; 的数据，会对数据举行 JSON 序列化
关于 header[&＃8216;content-type&＃8217;] 为 &＃8216;application/x-www-form-urlencoded&＃8217; 的数据，会将数据转换成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)&＃8230;）

11：收集要求设置了referer ：

收集要求的 referer 是不能够设置的，花样固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，个中 {appid} 为小顺序的 appid，{version} 为小顺序的版本号，版本号为 0 示意为开辟版。

12：异步或同步题目；部份操纵属于异步操纵，比方uploadfile；http://www.wxapp-union.com/fo&＃8230;

13：超时：

request 的默许超时时候和最大超时时候都是 60s

14：能够参考这个：微信小顺序罕见毛病及基础消除要领