摘要：微信小程序中出現(xiàn)最多的一個問題，就是真機跟本地不同我簡單列舉一些我發(fā)現(xiàn)的原因，給大家參考，大家也可以把自己發(fā)現(xiàn)的東西回復(fù)給我，給我參考本地看不到數(shù)據(jù)，就先讓本地能看到數(shù)據(jù)，再看本帖。。。。

微信小程序中出現(xiàn)最多的一個問題，就是真機跟本地不同：我簡單列舉一些我發(fā)現(xiàn)的原因，給大家參考，大家也可以把自己發(fā)現(xiàn)的東西回復(fù)給我，給我參考：

本地看不到數(shù)據(jù)，就先讓本地能看到數(shù)據(jù)，再看本帖。。。。

1：本地可以看到數(shù)據(jù)，ios不行，安卓可以；
可能是tsl版本問題不支持1.2導(dǎo)致，部分安卓可以允許tsl低于1.2而正常顯示，而蘋果不行；
解決方法：參考此帖排查問題并修復(fù)：request:fail錯誤（含https解決方案）（真機預(yù)覽問題
可能是證書不受信任

2：本地可以看到數(shù)據(jù)，ios可以，安卓不行；
ios可以，而安卓不行，可能有如下幾個情況
情況一：使用了不兼容安卓的js，比如es6的Object.assign，部分es6不兼容安卓，即使開啟es6轉(zhuǎn)es5選項也無用；比如for of 和 forEach 需要換成for in；
情況說明：官方將在本月內(nèi)的第二個版本更新時對ES6絕大部分API進行兼容
情況二：證書缺失，大部分情況是缺失中間證書，檢測地址：https://www.myssl.cn/tools/ch...；中間證書安裝參考：http://www.wxapp-union.com/fo...；
情況三：證書不受信任
情況四：測試機型較老，而tsl版本不支持；tsl需要支持較老版本，包括1.0,1.1；

3：本地可以看到數(shù)據(jù)，IOS及安卓均不可看到數(shù)據(jù)：可能是：
情況一：使用了自簽的證書；必須使用第三方受認可的證書
情況二：使用了IP，必須使用備案的域名
情況三：https問題，選項中選擇了不檢驗域名選項，此選項對真機無效；

4：url內(nèi)使用了端口，參考：http://www.wxapp-union.com/fo...

5：數(shù)據(jù)未加載成功，需要設(shè)定一定的延遲量，在加載數(shù)據(jù)完成后再渲染頁面；

6：一些特殊問題，包括utf-8的bom問題導(dǎo)致安卓紅點問題；http://www.wxapp-union.com/fo...

后臺返回數(shù)據(jù)中有bom非法字符， 前端可以用.trim()方法去一下， 治標的話得讓后臺把所有的文件編碼格式改為utf-8 
官方解釋：近日有發(fā)現(xiàn)類似問題的都是因為返回的數(shù)據(jù)是 UTF-8 with BOM（即數(shù)據(jù)的開頭是一個不可見字符 unicode 65279），Android 平臺沒有自動過濾，導(dǎo)致 JSON.parse 失敗。目前需要開發(fā)者自行兼容，下個版本 Android 會過濾此字符。

： http://www.wxapp-union.com/po...

http://www.wxapp-union.com/fo...： 
你請求得到的res.data是否有值，如果沒有值就檢查一下ssl的問題。 如果有值但沒有賦值成功，最可能的原因是獲取的是一個字符串而不是一個數(shù)組或?qū)ο蟆?你需要做一個格式化， if(typeof res.data === "string")var data = JSON.parse(res.data.trim());再用data賦值。 這個的原因是php輸出的不會忽略BOM的文件頭，特別使用windows自帶寫字板修改后就會有個ufeff的字符在文件開始處，這個是不可見但會實際包含的。最后返回的就是字符串而非json數(shù)據(jù)，你直接對data賦值字符串是無法達到你想要的效果的，所以需要去掉，并重新格式化變成一個數(shù)組或?qū)ο蟆?/p>

7：真機跟本地樣式不同：可能使用了ios或安卓某一端不兼容的樣式屬性；目前編輯器檢查越來越嚴格，標簽不閉合可能導(dǎo)致一些奇怪的問題；

8：微信版本不足，建議使用最新版本微信進行測試；最新版本查看地址：weixin.qq.com；此情況會有可能會導(dǎo)致uploadfile無效及新增api無效等問題：http://www.wxapp-union.com/po...

9：圖片本地可以看到，但是真機無法顯示；
假如是背景圖，可能是
本地資源無法通過 css 獲取
background-image：可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用標簽
假如是網(wǎng)絡(luò)圖片，可能是圖片服務(wù)器設(shè)置了反盜鏈；

10：header設(shè)置異常：這個情況多數(shù)發(fā)生在使用POST時；

data 數(shù)據(jù)說明 最終發(fā)送給服務(wù)器的數(shù)據(jù)是 String 類型，如果傳入的 data 不是 String 類型，會被轉(zhuǎn)換成 String 。轉(zhuǎn)換規(guī)則如下： 
對于 header["content-type"] 為 "application/json" 的數(shù)據(jù)，會對數(shù)據(jù)進行 JSON 序列化 
對于 header["content-type"] 為 "application/x-www-form-urlencoded" 的數(shù)據(jù)，會將數(shù)據(jù)轉(zhuǎn)換成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

11：網(wǎng)絡(luò)請求設(shè)置了referer ：

網(wǎng)絡(luò)請求的 referer 是不可以設(shè)置的，格式固定為 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 為小程序的 appid，{version} 為小程序的版本號，版本號為 0 表示為開發(fā)版。

12：異步或同步問題；部分操作屬于異步操作，比如uploadfile；http://www.wxapp-union.com/fo...

13：超時：

request 的默認超時時間和最大超時時間都是 60s

14：可以參考這個：微信小程序常見錯誤及基本排除方法