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

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

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

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…;中心证书装置参考:http://www.wxapp-union.com/fo…
状况三:证书不受信托
状况四:测试机型较老,而tsl版本不支撑;tsl须要支撑较老版本,包括1.0,1.1;

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

4:url内运用了端口,参考:http://www.wxapp-union.com/fo…

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

6:一些迥殊题目,包括utf-8的bom题目致使安卓红点题目;http://www.wxapp-union.com/fo…

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

  • <?php 前边有一个 <feff>: http://www.wxapp-union.com/po…

  • http://www.wxapp-union.com/fo…
    你要求获得的res.data是不是有值,假如没有值就搜检一下ssl的题目。 假如有值但没有赋值胜利,最能够的缘由是猎取的是一个字符串而不是一个数组或对象。 你须要做一个花样化, if(typeof res.data === ‘string’)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…

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

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

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

11:收集要求设置了referer :

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

12:异步或同步题目;部份操纵属于异步操纵,比方uploadfile;http://www.wxapp-union.com/fo…

13:超时:

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

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

    原文作者:扶桑木下
    原文地址: https://segmentfault.com/a/1190000008024197
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞