當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

微信 android兼容性问题怎么解决方案,微信小程序兼容性问题

發布時間：2025/3/11 编程问答 51 豆豆

生活随笔收集整理的這篇文章主要介紹了微信 android兼容性问题怎么解决方案,微信小程序兼容性问题小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本文我們來談談微信小程序系統兼容性的那些坑。

微信小程序兼容性問題

微信小程序發布一周多了，兼容性問題，特別是 Android 平臺兼容性問題特別嚴重。據我觀察，好多小程序掉到兼容性的坑里。掉坑里不要緊，更讓人捉急的是，從坑里爬上來的時候，手剛抓到坑沿，又被微信官方踩到(緊急修復兼容性的版本沒審核通過，被微信打回重審)，再次跌落坑底，然后眼睜睜地看著后臺用戶在破口大罵“什么東西都沒有啊~，什么破小程序”。

微信小程序的兼容性問題除了微信本身的 Bug 外，大部分是目標平臺對 JavaScript 標準庫支持程度不同造成的。

微信本身的 Bug 引起的

微信本身的 Bug 引發的兼容性問題有個現成的例子，就是 wx.request() 返回的狀態碼 res.statusCode 的值在 iOS 下是 int 型數據，而在 Android 6.0.1 上卻是 String 型數據。如果你判斷服務器的返回狀態碼方法不當，可能就踩到坑里了。

wx.request({

url: 'http://api.example.com',

success: function (res) {

if (res.statusCode === 200) {

// success

} else {

// server failure

}

})

上述代碼就踩坑了，正確的做法是使用 == 而不是使用 === 來判斷。另外一個更規范的方法是使用 parseInt(res.statusCode) === 200 來實現。

Javascript 標準庫兼容性問題

比如 Array.find() 方法在 iOS 10.2/Android 7.0 上完美支持，但在 Android 6.0.1 上卻不支持。如果代碼里用到了這個接口，就會導致在 Android 6.0.1 上無法正常工作。通過對比發現，這類接口不支持的個數還是比較多的。特別是 Android 平臺版本眾多，兼容性問題就更嚴重，可能一不小小心就掉到坑里。

解決方法

微信本身 Bug 只能繞過去，但對 JavaScript 引擎的兼容性，可以有更優雅的解決方法。比如，我們可以打補丁，使用 polyfill 來實現這些不支持的標準庫方法。比如，修復 Android 6.0.1 平臺不支持 String.startsWith() 的問題，可以使用下面的 polyfill 代碼：

if (!String.prototype.startsWith) {

console.warn('define polyfill for Array.prototype.startsWith');

String.prototype.startsWith = function (searchString, position) {

position = position || 0;

return this.substr(position, searchString.length) === searchString;

};

}

推而廣之，我們可以把平臺不支持的標準庫方法，使用 polyfill 實現。這就是 minapp-polyfill 這個項目的目的。

使用方法很簡單，把 minapp-polyfill 項目里的 polyfill.js 拷貝到小程序源碼目錄下，在需要打補丁的 JavaScript 源文件頭部引入如下代碼即可：

import 'path/to/polyfill.js'

目前這個項目只是搭了個骨架，還有很多方法需要實現。PRs is welcome。

各個平臺對 JavaScript 標準庫支持情況

條件限制，這里統計了四個平臺對 JavaScript 標準庫的支持情況，分別是 iOS 10.2, Android 6.0.1, Android 7.0, 微信開發者工具，具體數據如下：

Component.apiName

iOS 10.2

Android 6.0.1

Android 7.0

devtool

Array.toString

YES

Array.values

YES

N/A

YES

N/A

Array.toLocaleString

YES

Array.concat

YES

Array.fill

YES

N/A

YES

Array.join

YES

Array.pop

YES

Array.push

YES

Array.reverse

YES

Array.shift

YES

Array.slice

YES

Array.sort

YES

Array.splice

YES

Array.unshift

YES

Array.every

YES

Array.forEach

YES

Array.some

YES

Array.indexOf

YES

Array.lastIndexOf

YES

Array.filter

YES

Array.reduce

YES

Array.reduceRight

YES

Array.map

YES

Array.entries

YES

N/A

YES

Array.keys

YES

N/A

YES

Array.find

YES

N/A

YES

Array.findIndex

YES

N/A

YES

Array.includes

YES

N/A

YES

Array.copyWithin

YES

N/A

YES

Array.constructor

YES

Buffer

N/A

DataView.getInt8

YES

DataView.getUint8

YES

DataView.getInt16

YES

DataView.getUint16

YES

DataView.getInt32

YES

DataView.getUint32

YES

DataView.getFloat32

YES

DataView.getFloat64

YES

DataView.setInt8

YES

DataView.setUint8

YES

DataView.setInt16

YES

DataView.setUint16

YES

DataView.setInt32

YES

DataView.setUint32

YES

DataView.setFloat32

YES

DataView.setFloat64

YES

DataView.constructor

YES

Date.toString

YES

Date.toISOString

YES

Date.toDateString

YES

Date.toTimeString

YES

Date.toLocaleString

YES

Date.toLocaleDateString

YES

Date.toLocaleTimeString

YES

Date.valueOf

YES

Date.getTime

YES

Date.getFullYear

YES

Date.getUTCFullYear

YES

Date.getMonth

YES

Date.getUTCMonth

YES

Date.getDate

YES

Date.getUTCDate

YES

Date.getDay

YES

Date.getUTCDay

YES

Date.getHours

YES

Date.getUTCHours

YES

Date.getMinutes

YES

Date.getUTCMinutes

YES

Date.getSeconds

YES

Date.getUTCSeconds

YES

Date.getMilliseconds

YES

Date.getUTCMilliseconds

YES

Date.getTimezoneOffset

YES

Date.setTime

YES

Date.setMilliseconds

YES

Date.setUTCMilliseconds

YES

Date.setSeconds

YES

Date.setUTCSeconds

YES

Date.setMinutes

YES

Date.setUTCMinutes

YES

Date.setHours

YES

Date.setUTCHours

YES

Date.setDate

YES

Date.setUTCDate

YES

Date.setMonth

YES

Date.setUTCMonth

YES

Date.setFullYear

YES

Date.setUTCFullYear

YES

Date.setYear

YES

Date.getYear

YES

Date.toJSON

YES

Date.toUTCString

YES

Date.toGMTString

YES

Date.constructor

YES

Error.toString

YES

Error.constructor

YES

Float32Array.constructor

YES

Float64Array.constructor

YES

Function.constructor

YES

Int16Array.constructor

YES

Int32Array.constructor

YES

Int8Array.constructor

YES

Map.forEach

YES

N/A

YES

Map.clear

YES

N/A

YES

Map.delete

YES

N/A

YES

Map.get

YES

N/A

YES

Map.has

YES

N/A

YES

Map.set

YES

N/A

YES

Map.keys

YES

N/A

YES

Map.values

YES

N/A

YES

Map.entries

YES

N/A

YES

Map.constructor

YES

N/A

YES

Math.abs

YES

Math.acos

YES

Math.asin

YES

Math.atan

YES

Math.acosh

YES

N/A

YES

Math.asinh

YES

N/A

YES

Math.atanh

YES

N/A

YES

Math.atan2

YES

Math.cbrt

YES

N/A

YES

Math.ceil

YES

Math.clz32

YES

N/A

YES

Math.cos

YES

Math.cosh

YES

N/A

YES

Math.exp

YES

Math.expm1

YES

N/A

YES

Math.floor

YES

Math.fround

YES

N/A

YES

Math.hypot

YES

N/A

YES

Math.log

YES

Math.log10

YES

N/A

YES

Math.log1p

YES

N/A

YES

Math.log2

YES

N/A

YES

Math.max

YES

Math.min

YES

Math.pow

YES

Math.random

YES

Math.round

YES

Math.sign

YES

N/A

YES

Math.sin

YES

Math.sinh

YES

N/A

YES

Math.sqrt

YES

Math.tan

YES

Math.tanh

YES

N/A

YES

Math.trunc

YES

N/A

YES

Math.imul

YES

Object.toString

YES

Object.toLocaleString

YES

Object.valueOf

YES

Object.hasOwnProperty

YES

Object.propertyIsEnumerable

YES

Object.isPrototypeOf

YES

Object._defineGetter_

YES

Object._defineSetter_

YES

Object._lookupGetter_

YES

Object._lookupSetter_

YES

Object.constructor

YES

Promise.then

YES

Promise.catch

YES

Promise.constructor

YES

RegExp.compile

YES

RegExp.exec

YES

RegExp.toString

YES

RegExp.test

YES

RegExp.constructor

YES

Set.forEach

YES

N/A

YES

Set.add

YES

N/A

YES

Set.clear

YES

N/A

YES

Set.delete

YES

N/A

YES

Set.has

YES

N/A

YES

Set.entries

YES

N/A

YES

Set.values

YES

N/A

YES

Set.keys

YES

N/A

YES

Set.constructor

YES

N/A

YES

String.match

YES

String.padStart

YES

N/A

String.padEnd

YES

N/A

String.repeat

YES

N/A

YES

String.replace

YES

String.search

YES

String.split

YES

String.toString

YES

String.valueOf

YES

String.charAt

YES

String.charCodeAt

YES

String.codePointAt

YES

N/A

YES

String.concat

YES

String.indexOf

YES

String.lastIndexOf

YES

String.slice

YES

String.substr

YES

String.substring

YES

String.toLowerCase

YES

String.toUpperCase

YES

String.localeCompare

YES

String.toLocaleLowerCase

YES

String.toLocaleUpperCase

YES

String.big

YES

String.small

YES

String.blink

YES

String.bold

YES

String.fixed

YES

String.italics

YES

String.strike

YES

String.sub

YES

String.sup

YES

String.fontcolor

YES

String.fontsize

YES

String.anchor

YES

String.link

YES

String.trim

YES

String.trimLeft

YES

String.trimRight

YES

String.startsWith

YES

N/A

YES

String.endsWith

YES

N/A

YES

String.includes

YES

N/A

YES

String.normalize

YES

String.constructor

YES

Symbol.toString

YES

N/A

YES

Symbol.valueOf

YES

N/A

YES

Symbol.constructor

YES

N/A

YES

TypeError.toString

YES

N/A

YES

TypeError.constructor

YES

Uint16Array.constructor

YES

Uint32Array.constructor

YES

Uint8Array.constructor

YES

Uint8ClampedArray.constructor

YES

WeakMap.delete

YES

WeakMap.get

YES

WeakMap.has

YES

WeakMap.set

YES

WeakMap.constructor

YES

N/A 表示這個標準庫方法在平臺上不支持

Q: 這些數據是怎么來的，靠譜嗎？

A: 這些數據是在真實小程序運行環境下運行，然后把 API 支持情況發送到服務器后臺，再寫個腳本把數據整理匯總后得來的。

Q: 其他平臺，比如 Android 5.0 的支持情況怎么樣？

A: 由于條件限制，手上沒有 Android 5.0 的手機，有愿意配合收集數據的，私信留言。配合的方法很簡單，用指定型號的手機打開一個微信小程序，按一個按鈕即可。

Q: 為什么不使用 lodash 之類效率更高的庫，而使用的標準庫？

A: 使用 lodash 之類的確實效率更高，兼容性也更好。基于兩個原因沒有使用，一是 lodash 太大，而微信小程序限制在 1MB 以內。當然，可以用 lodash 模塊化的版本來解決，但還有第二個原因，即 lodash 的一些 API 也有兼容性問題，比如我試過 lodash.findIndex 這個包，結果在 Android 6.0.1 上也無法成功運行 (這一點未做深入驗證，感興趣的同學可以驗證一下)。

總結

從后臺數據來看，小程序剛發布的前三天，確實帶來了非常可觀的流量紅利，但這部分償鮮的用戶，很快就消失了。三天過后，基本上保持了平衡的訪問量。流量紅利和廣告一樣，是催化劑，真正有價值的還是要做用戶需要的產品。

在此順手安利一下開發的兩個小程序 360好書推薦和 51經典電影，偶爾想用的時候打開，可能會偶遇一些小驚喜。但坦白講，這兩個小程序都和微信倡導的小程序價值觀不符。微信還是希望通過小程序把線下低頻的，服務成本高(這里應該主要是時間成本，即便利性)的場景，轉化為線上快捷的使用方式。

總結

以上是生活随笔為你收集整理的微信 android兼容性问题怎么解决方案,微信小程序兼容性问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： android光照传感器,详解 andr
下一篇： java cpu 内存使用情况_java