您好,登錄后才能下訂單哦!
這篇文章主要介紹微信小程序兼容方式的示例分析,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
小程序的功能不斷的增加,但是舊版本的微信客戶端并不支持新功能,所以在使用這些新能力的時候需要做兼容。
文檔會在組件,API等頁面描述中帶上各個功能所支持的版本號。
可以通過wx.getSystemInfo
或者wx.getSystemInfoSync
獲取到小程序的基礎庫版本號。
也可以通過wx.canIUse
詳情 來判斷是否可以在該基礎庫版本下直接使用對應的API或者組件
對于新增的 API,可以用以下代碼來判斷是否支持用戶的手機。
if (wx.openBluetoothAdapter) { wx.openBluetoothAdapter() } else { // 如果希望用戶在最新版本的客戶端上體驗您的小程序,可以這樣子提示 wx.showModal({ title: '提示', content: '當前微信版本過低,無法使用該功能,請升級到最新微信版本后重試。' }) }
對于 API 的參數或者返回值有新增的參數,可以判斷用以下代碼判斷。
wx.showModal({ success: function(res) {if (wx.canIUse('showModal.cancel')) { console.log(res.cancel) } } })
對于組件,新增的屬性在舊版本上不會被處理,不過也不會報錯。如果特殊場景需要對舊版本做一些降級處理,可以這樣子做。
Page({ data: { canIUse: wx.canIUse('button.open-type.contact') } })
<button wx:if="{{canIUse}}" open-type="contact"> 客服消息 </button><contact-button wx:else></contact-button>
以上是“微信小程序兼容方式的示例分析”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。