微信小程式開發中關於疑問的解決辦法總結

這篇文章主要給大家總結了關於微信小程式開發中的各種疑問解答，文中將在微信小程式開發中可能遇到的問題都進行了整理和解答，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。

前言

最近總結一篇微信小程式解答，作為小程式填坑人深有體會這裡的變化，小程式剛發布消息的時候我就說了一個觀點，只要小程式提供的組件或API豐富，穩定，兼容性好，才能實現小程序快速開發的理念，先如今還有很多組件的兼容不理想，有一些還在的最佳化中，因基於小程式這個平台開發限制很大，只能坐等中。 。 。如果想用第三方函式庫來實現，小程式明文規定不支援第三方函式庫的做法，這樣做最終小程式審核環節百分百的不通過。

1.scroll-view 在iOS 上存在bug

在使用這個元件開發頁面的時候，因為自帶捲動效果，Y 軸滑動在下拉觸發iOS原生的橡皮筋效果時，scroll-view 出現不能滑動的bug，在Android 系統下無橡皮筋效果則沒有這個bug。現在最新版本0.11.122100如果還存在那就是下個版本會處理的。

2.微信6.3.31 版本中input 的focus 無效

在小程式更新日誌記錄中以解決

2016-12-22更新日誌

1.F 修復 元件在開發者工具上失去焦點時清空內容的問題

3.在iOS 使用導航跳轉頁面的時候，偶爾會出現白屏的bug

官方已知道，會在後製版本修復

4.tabBar 圖示在各個平台上的大小不一致

官方已經知道，會在後期版本修復

5.iOS 上返回導航列存在被修改的bug

##tabBar 的問題官方已經知曉，下個版本會增加switchTab 的介面讓開發者直接控制tabBar 的切換

6.地圖覆蓋物無法新增點擊事件，無法取得使用者點擊了那個覆蓋物

官方已知道，會在後期版本修復

7.小程式是否可以變相支援webview

不支援

8.Android 微信更新至6.3.32 後，不支援從普通頁跳到有tab 欄的頁面

新版本會有專門的API 來跳到tabbar 的頁面，先前的處理方式會有邏輯問題

9.swiper 如何實作迴圈輪播##現在版本已circular 屬性支援

10.快速點擊多個input 時，會出現問題

此問題官方以修復，等待發布版本

11.調試時，WXML 經常出現空白的情況

已經修復，下個版本的開發工具將會更新

#12.scroll-view 重疊時，會出現事件穿透的問題

官方後續會修復

13.Android 下，1rpx 的border 可能會出現不顯示的問題

在部分Android 的手機中存在小數值的rpx 顯示不全的問題，新版本的微信將修復這個問題

#14.能否從小程式開啟普通的網頁連結

現在不支援

15.scroll-view 裡面有textarea，它的內容無法變動

官方目前不支援

16.WXSS 檔案裡寫CSS 3 動畫，點擊編譯直接就報錯了，編譯不透過

目前小程式支援很少的css3 屬性，官方後期陸續支援更多css3屬性

17.在微信小程式的canvas 相關API 中，我們發現缺少將canvas 轉換成圖片的相關API 介面

微信6.3.30 已支援wx.canvasToTemFilePath，可以用於將canvas 轉成圖片臨時檔案路徑

18.目前提供的canvas 繪圖接口，不能跟網頁原生API 相容

是的

19.小程式開發，Tab如何移動到頂部

微信6.3.30 已支援在tabBar 設定position 參數

20.在小程式的API 中是否有取得圖片原始寬高的介面

微信6.3.30 已支持，image 元件的bindload 事件可以傳回圖片的原始寬高

21.小程式能引用外部的圖表庫嗎，例如ECharts

官方暫不支援

#22.小程式開發時，能否使用自訂的字體圖示

自訂字體是支援的，但是需要使用線上字體，並且存放字體的伺服器需要允許跨域

23.官方的ES6 轉ES5 在Android 上會報錯

開發工具提供的ES6 轉ES5 的功能，只會轉換語法，新的ES6 的API 例如Promise 等需要開發者自行引入Polyfill 或別的類別庫來解決

# 24.wx.getImageInfo 在Android 上有拿不到資訊的bug

#微信6.3.31 版本Android 用戶端有這個bug，新版本會修正

25.小程式的大小1 MB 這個控制正式發布的時候會放大嗎

#目前給出的答案是不會放大

# 26.getUserInfo 介面取得不到unionid，該怎麼辦

需要到微信開放平台網站（https://open.weixin.qq.com）綁定小程式和你的其他公眾號或app，才會回傳unionid

27.微信小程式支援和硬體的互動嗎？例如和硬體透過藍牙或Wi-Fi 的方式進行資料通訊

官方未來有可能推出此功能

28.錄音完成是什麼格式

手機上錄音目前是SILK 格式，SILK 是Skype 內部開發的語音訊編解碼器，作為Skype 到Skype 呼叫的預設編解碼器。 SILK 在音訊頻寬、網路碼率和複雜度等方面的高度可擴展性使其成為可選擇多種模式和應用的編解碼器

29.小程式是否開放使用者手機通訊錄的讀取/寫入權限

目前不支援

30.iPad 好像無法預覽小程式

小程式目前暫不支援iPad

31.請問小程式裡支援把文字、圖片、連結轉發給好友、朋友圈嗎

官方答案：分享能力會很快提供，請留意官方文件

32.checkbox 是否只能透過checkbox-group 綁定事件

checkbox 不會觸發change 事件, checkbox-group 才會觸發

33.捲動頁面，捲動到底部，載入新的內容不能實作

微信6.3.30 已支援頁面設定onReachBottom 事件

#34. canvas 元件時，不可以儲存畫布資訊

官方答案：暫不支持，我們會很快支持

35.uploadfile 的header 裡面帶不了cookie 參數

微信6.3.31 版本的iOS 用戶端有這個bug，新版本即將修復

36.WXML 中Mustache 語法（雙大括號）來綁定數據，如果對應的目標數據是一段HTML 文本，能不能綁定？該怎麼綁定？

官方目前暫不支援

37.程式碼裡面可以用一些工具庫嗎？例如可以透過npm install 這種方式來安裝第三方的工具庫

官方目前暫不支援

38.好像無法透過JS 取得圖片寬和高，有解決方案嗎

目前只能顯示設定圖片寬高

39.微信小程式有撥打電話和發送Email 的方法嗎

目前之支援撥打電話，暫不支援Email

40.如果是支付給子商家，呼叫介面跟之前web 開發的用法是一樣的嗎

目前暫不支援支付給子商家

41. 微信小應用程式除了自帶的API 接口，是否支援其他的外部API 或JS 外掛程式的載入？

目前暫不支援

42.是否支援視訊直播或音訊直播，如HLS

官方答案：我們正在技術上正不斷完善，很快將提供支援

43.監聽手機keyboard，如「完成」按鈕觸發時，執行對應動作，目前未查到相關API，請問是否有支援

輸入框（input/textarea） 後續會提供bindconfirm 的事件監聽屬性，用於監聽「完成」按鈕的點擊

44.開發工具不支援Linux 環境以及Windows 2003/XP 系統嗎

目前不支援

45.我在一台機器上同時開發微信小程式和伺服器程序，請問微信小程式在開發時怎麼訪問我本機的伺服器呢

目前伺服器必須使用域名，不支援本地調試

46.怎麼直接給審查人員發回饋

官方答案：我們會在後續的微信公眾平台小程式提交審核頁面，增加測試帳號（帳號+密碼形式），以及審核描述等的填寫。關於審核的問題，可以發送郵件至：AppReview@tencent.com，我們會安排專人查看回饋

47.個人開發者不能註冊麼

現在支持的只有企業、政府、媒體、其他組織，個人開發者還不支援註冊

48.在小程式工具編寫程式碼中使用Promise，報錯：TypeError: Promise is not a constructor，是哪裡出了問題

官方答案：為了保證三端的統一，0.11.112300 版本的工具移除Promise ，開發者需要自行引入兼容庫

所以我自己引入了一個promise.min函式庫，輕量級的並解決了

49.input元件有bindInput事件，而textarea元件沒有

在2016年12月22日新增 元件事件bindinput</p> <p><strong>50.切換微訊號後上次的資料快取還會有嗎</strong></p> <p>#官方答案：不會清除，但別的使用者登入以後，是存取不到上一個使用者遺留的資料的</p> <p><strong>51.定義tabBar之後，wx.navigateTo等跳轉會失效</strong></p> <p>我在開發中沒有用官方的tabBar，而是自己寫了一個tabBar,所以沒有遇到這樣的場景，如果用官方的tabBar就用wx.switchTab跳轉</p> <p>## 52.background-image設定相對路徑無法顯示圖片<strong></strong></p>可以使用網路位址圖片，或是base64或使用image標籤解決問題<p></p> <p><span style="color: #ff0000">總結<strong></strong></span></p>####### ######<p>以上是微信小程式開發中關於疑問的解決辦法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>陳述：</span><div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn</div></div></div><div class="nphpSytBox"><span>上一篇：<a class="dBlack" title="微信小程式實現資料處理的詳解" href="http://m.php.cn/zh-tw/faq/378597.html">微信小程式實現資料處理的詳解</a></span><span>下一篇：<a class="dBlack" title="微信小程式實現資料處理的詳解" href="http://m.php.cn/zh-tw/faq/378599.html">微信小程式實現資料處理的詳解</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相關文章</h2><em><a href="http://m.php.cn/zh-tw/article.html" class="bBlack"><i>看更多</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/zh-tw/faq/347763.html" title="微信小程式 簡單DEMO佈局，邏輯，樣式的練習" class="aBlack">微信小程式 簡單DEMO佈局，邏輯，樣式的練習</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/zh-tw/faq/347764.html" title="微信小程式 wx.request(介面呼叫方式)詳解及實例" class="aBlack">微信小程式 wx.request(介面呼叫方式)詳解及實例</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/zh-tw/faq/347765.html" title="微信小程式-詳解微信登陸、微信支付、範本訊息" class="aBlack">微信小程式-詳解微信登陸、微信支付、範本訊息</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/zh-tw/faq/347766.html" title="微信小程式（應用號）簡單實例應用及實例詳解" class="aBlack">微信小程式（應用號）簡單實例應用及實例詳解</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/zh-tw/faq/347767.html" title="微信小程式 for 迴圈詳解" class="aBlack">微信小程式 for 迴圈詳解</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/zh-tw/"><b class="icon1"></b><p>首頁</p></a></li><li><a href="http://m.php.cn/zh-tw/course.html"><b class="icon2"></b><p>課程</p></a></li><li><a href="http://m.php.cn/zh-tw/wenda.html"><b class="icon4"></b><p>問答</p></a></li><li><a href="http://m.php.cn/zh-tw/login"><b class="icon5"></b><p>我的</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/zh-tw/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/zh-tw/"><b class="icon1"></b><span>首頁</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/course.html"><b class="icon2"></b><span>課程</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/article.html"><b class="icon3"></b><span>文章</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/wenda.html"><b class="icon4"></b><span>問答</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/dic.html"><b class="icon6"></b><span>詞典</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/course/type/99.html"><b class="icon7"></b><span>手册</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/xiazai/"><b class="icon8"></b><span>下載</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/faq/zt" title="專題"><b class="icon12"></b><span>專題</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/zh-tw/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/" >首頁</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/article.html" class="hover">文章</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/wenda.html" >問答</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/course.html" >課程</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/faq/zt" >專題</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/xiazai" >下載</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/game" >遊戲</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/dic.html" >詞典</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>