微信小程序第二次更新：增加 19 个接口

爱范儿 · 公众号 · 科技媒体 · 2016-10-28 12:27

正文

昨天晚上，微信小程序发布了第二次更新，详细更新项请见下方。微信公众号 “骑行西藏” 创始人 tao 表示此次更新 “大幅度优化了编辑体验”。

更新概述

• 新增 19 个全新的 API （目前可以在开发工具上正常使用，客户端需要等待 6.3.29 版本发布）

• 拓展了 4 个组件属性，修复了数十个组件 bug

• 开发者工具添加实时刷新功能等 7 个功能

• 编辑模块增加自动保存、实时预览等 8 个功能

基础功能

1 A 增加四个文件管理 API wx.getSavedFileList、wx.getSavedFileInfo、wx.removeSavedFile、wx.openDocument 详情

2 A 增加四个数据管理 API wx.removeStorage、wx.removeStorageSync、wx.getStorageInfo、wx.getStorageInfoSync 详情

3 A 新增四个交互反馈 API wx.showToast、wx.showModal、wx.hideModal、wx.showActionSheet 详情

4 A 新增选择地理位置 API wx.chooseLocation 详情

5 A 新增获取图片信息 API wx.getImageInfo 详情

6 A 新增两个设备 API wx.getSystemInfoSync、wx.makePhoneCall 详情

7 A 新增绘图 API wx.canvasToTempFilePath 详情

8 A 新增音频媒体 API wx.createAudioContext 详情

9 A 新增开放能力 API wx.checkSession 详情

10 A 新增 wx.navigateBack delta 参数，支持多层级返回详情

11 A 新增 wx.sendSocketMessage、wx.onSocketMessage 支持收发 ArrayBuffer 数据类型

12 A 新增 getCurrentPages() 方法，获取页面栈详情

13 A 新增 Page.onReachBottom() 方法，监听页面到达底部详情

14 A 新增事件对象增加 changedTouches 列表，反应手指触摸位置的变化详情

15 A 新增

组件 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">16 A 新增 <canvas/> 多点触摸 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">17 A 新增 <canvas/> disable-scroll 属性 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">18 A 新增 <image/> bindload 事件返回图片宽高 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">19 A 新增 <text/> 嵌套 <text/> 功能 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">20 A 新增 <video/> controls autoplay 属性 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">21 A 新增 <video/> 支持设置弹幕、发送弹幕 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">22 A 新增 <video/> 播放类事件和接口 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">23 A 新增 WXML wx:key 支持，提升列表渲染时性能 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">24 A 新增 WXML 关键字、数据路径计算 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">25 U 新增 app.json tabBar 属性 position 用于指定显示位置 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">26 F 修复 wx.navigateTo api 超过 5 个页面，调用失败无返回的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">27 U 修复 <navigator/> 设置 display: flex 失效的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">28 F 修复 <input/> text-align:center、text-align:right 不支持的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">29 F 修复 <input/> 聚焦时异常的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">30 F 修复 <image/> base64 图片显示的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">31 F 修复 动态节点更新导致表单组件重置问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">32 F 修复 使用 rpx 单位部分手机出现边框显示不全的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">33 F 修复 不同页面中相同的 canvas-id 共享同一个绘图上下文的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">34 F 修复 page 里面的属性对象内的 function 失效的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">35 F 修复 wx.drawCanvas 在 canvas 宽高为 0 的情况下画不出来的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">36 F 修复 wx.request header 设置 ‘Content-Type’ 异常的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">37 D 即将移除 App.prototype.getCurrentPage 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">38 D 即将移除组件： <toast/> <loading/> <action-sheet/> <modal/></section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">39 D 即将移除 <audio/> action 属性</section><section style="margin: 30px 5px 20px; font-weight: 700; font-size: 20px; line-height: 1.5;">开发者工具基础功能</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">1 A 增加 监听文件变化，实时刷新模拟器，默认开启，开发者可以在项目中主动关闭</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">2 A 增加 登陆界面增加代理配置、切换账号</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">3 A 增加 所有新增 API 以及 组件的调试功能</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">4 A 增加 更友好的错误提示功能</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">5 A 增加 wxml panel rpx 调试支持</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">6 A 增加 wxml panel 实时修改同步模拟器的功能</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">7 A 增加 wx.previewImage API 调试支持</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">8 F 修复 picker 组件的 start、end 无效的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">9 F 修复 video 组件无法滑动进度条的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">10 F 修复 wx.getSystemInfo 再有 tabbar 情况下获取高度错误的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">11 F 修复 wx.chooseImage 设置 count 无效的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">12 F 修复 Page.onLoad 时调用 wx.setNavigationBarTitle 失败的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">13 F 修复 wxml panel 空白以及选择时候卡顿的问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">14 F 修复 脚本文件名字为中文时候的编译错误问题</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">15 F 修复 关闭项目时候没有关闭媒体播放的问题</section><section style="margin: 30px 5px 20px; font-weight: 700; font-size: 20px; line-height: 1.5;">编辑模块</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">1 A 增加 文件自动保存功能 详情</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">2 A 增加 编辑显示模拟器并且实时刷新</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">3 A 增加 Ctrl + 文件树展开和收起</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">4 A 增加 Ctrl + w 关闭当前编辑页面</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">5 A 增加 Ctrl + p 文件跳转</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">6 A 增加 Ctrl + m 打开或者关闭模拟器</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">7 A 增加 编辑器底部状态栏</section><section style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">8 A 增加 json wxml 代码自动补全以及提示功能</section><p style="color: inherit; font-size: inherit; margin: 32px 5px; line-height: 28px;">9 F 修复光标丢失的问题</p><section style="margin: 10px 8px; padding-top: 14px; white-space: normal; line-height: 0;"><img data-src="https://img.100weidu.com/mmbiz_png/dyDu14T9ZVDqDiaYHwSicoeEaUlErGCFfwMeibwcLNUS86hc7iawFxhAKBHZRGW3vAWknOIvLgbaB9NeFVJZe4Fmfg" class="" data-type="png" data-ratio="1" data-w="42" style="margin-left: 20px; height: 27px; background: rgb(223, 223, 223); border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 27px; float: left; width: 27px;"/>   <section style="margin-top: 15px; padding: 23px 20px; background: rgb(243, 243, 243); border-width: 1px; border-style: solid; border-color: rgb(223, 223, 223); border-radius: 3px; font-size: 16px; font-weight: bold; line-height: 25px;">微信小程序最新版本 0.10.102700 下载地址，请点击下方“<span style="color: rgb(215, 20, 26);">阅读原文</span>”获取</section></section><section style="white-space: normal;"><p/></section><section style="white-space: normal;"><section><img style="
  width: 100%;
" src="https://img.100weidu.com/mmbiz_png/dyDu14T9ZVDqDiaYHwSicoeEaUlErGCFfwa1b8VyjXbraKwPOlFL21LNfnQJUNO47y6e0Dq9wbmLicJd3ucdfD9OQ" data-ratio="0.2878787878787879" data-w="660" class="" data-type="png"/></section></section><section style="white-space: normal;"><iframe class="video_iframe" data-vidtype="1" height="375" width="500" frameborder="0" data-src="https://v.qq.com/iframe/preview.html?vid=t03403iliwk&width=500&height=375&auto=0" allowfullscreen="" style="width: 556px; z-index: 1;"> </iframe><br/><img data-src="https://img.100weidu.com/mmbiz_png/dyDu14T9ZVDqDiaYHwSicoeEaUlErGCFfw1nrVkhf1OTy6diblyqd950KHaP3StrdfZSYtnrn4EmQKmwhYT5yuuqA" class="" data-type="png" data-ratio="0.2878787878787879" data-w="660" style="width: 556px;"/></section><p><a href="http://mp.weixin.qq.com/s?__biz=MjgzMTAwODI0MA==&mid=2651846405&idx=1&sn=0485d89cc1ef7b91bc11ea3fd4b53d61&chksm=9b79619aac0ee88c35e580681bfa668e0cc838c42c02772d8799c0ee50560d65474c9c7b7427&scene=21#wechat_redirect" target="_blank" data_ue_src="http://mp.weixin.qq.com/s?__biz=MjgzMTAwODI0MA==&mid=2651846405&idx=1&sn=0485d89cc1ef7b91bc11ea3fd4b53d61&chksm=9b79619aac0ee88c35e580681bfa668e0cc838c42c02772d8799c0ee50560d65474c9c7b7427&scene=21#wechat_redirect"><img data-src="https://img.100weidu.com/mmbiz_png/dyDu14T9ZVDqDiaYHwSicoeEaUlErGCFfwbDb4v1XDUFDgZObcRibZwj8Kty3sHaB7h8tbwAIdiclAX4Dsu2CBCL6A" class="" data-type="png" data-ratio="0.375" data-w="800" style="width: 556px;"/></a><br/></p><section><a href="http://mp.weixin.qq.com/s?__biz=MjgzMTAwODI0MA==&mid=2651846403&idx=3&sn=6104392bc04bf7bdc65a0ebfa0ed9f85&chksm=9b79619cac0ee88a75b7b6290f279a948c2112e1aff35496867c7283dcb9c282cd231a36425f#rd"><img data-src="https://img.100weidu.com/mmbiz_png/dyDu14T9ZVDqDiaYHwSicoeEaUlErGCFfwsl6UgiaZrPITTGrjtu8pK5QYC6us9SGAKeBK9kl4HkrD78ZgdVOguFQ" class="" data-type="png" data-ratio="0.375" data-w="800" style="width: 556px;"/></a></section><section style="margin-top: 40px; padding-top: 25px; padding-bottom: 25px; white-space: normal; border-top: 1px dashed rgb(219, 224, 230); box-sizing: border-box; width: 556px;"><img data-src="https://img.100weidu.com/mmbiz_png/dyDu14T9ZVDqDiaYHwSicoeEaUlErGCFfwBADicIOXURN1QprRlFFjadicLBGntExDRib3bHRWlNTaaEVanxbrFf6mg" class="" data-type="png" data-ratio="0.88" data-w="750" style="width: 556px;"/></section></section>
                    </div>

</div>

</div>
            </div>

</div>

<div class="box">
        <div class="cell">
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-1837452791782084"
                 data-ad-slot="8042312523"
                 data-ad-format="auto"
                 data-full-width-responsive="true"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
        </div>
    </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get5?src=http://wx3.sinaimg.cn/large/001Nakaoly1hudh8ztgrej60hs0a0dgl02.jpg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>新浪科技</span>
                                  · 
                                 <a href="/t/ZXJDR1hreFhIUA==">【#12306车票候补攻略# #你抢到返程的票了吗#】“买不到，-20241007072528</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">2 天前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get5?src=http://wx2.sinaimg.cn/large/001MUaj1ly8huchhpveakj608j08jdgm02.jpg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>新浪科技</span>
                                  · 
                                 <a href="/t/M1Z3WE5UZFZrSw==">【#茅台飞天价格持续上涨# 24年飞天(原)涨至2430元】据今-20241006112026</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">3 天前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get5?src=http://wx1.sinaimg.cn/thumb180/00000c43ly9fshsf9wshwj20500500so.jpg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>新浪科技</span>
                                  · 
                                 <a href="/t/SWZOSk9pSG9uVg==">【#谷歌浏览器安卓版将迎来任务管理器#】谷歌Chrome浏览器即-20241004212000</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">4 天前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get5?src=http://wx1.sinaimg.cn/orj480/006xCflSly1hu8xq98ymwj30u01hcqjt.jpg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>新浪科技</span>
                                  · 
                                 <a href="/t/a25uQUFsa2ZHaQ==">【#年轻人为何爱上窝囊游##年轻人捧火窝囊游#】“有电视上古代弃-20241003112000</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">6 天前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="https://ww1.sinaimg.cn/thumbnail/dbc0ba47jw1f1a9zsl17fj2050050q2t.jpg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>新浪科技</span>
                                  · 
                                 <a href="/t/alVJWFZsYzVIZg==">【小米汽车：#9月小米SU7交付量超10000台#】小米汽车10-20241001172956</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">1 周前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/EvicSclfR4BXhBPtvN4RLFXuTjM1JuSGmVOiapJjxPjIt5GVjKMyNX14NHkYK25L7FwZRBgC4otAy2KcFxAN63WQ/0?wx_fmt=jpeg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>美美娱乐</span>
                                  · 
                                 <a href="/t/czBU!XNFZTRlNA==">她是李易峰的初恋，也是新一代“谋女郎”。被称为行走的衣架，连陈伟霆都为她动容？</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">7 年前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/n6JdxUuMJjh4iaydB2HQG3wtUdnjtOB6WchEpzCy7ianPiaxiazAohtjBLHPUDv2KdB7iaGcT5noIG8xR1Esg3y2ib7A/0?wx_fmt=jpeg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>商业地产观察</span>
                                  · 
                                 <a href="/t/RHFDQ2V2MFN4bg==">【独家】开业倒计时100天！上海商业版图即将开启“万象城”时代</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">7 年前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/SZ2pb21YQT1cBmEBXLG0ibaibYoSuaNT9oGtXtiapIOiabTeZiagQusUiceLRkmcyZCvSs2J7ibKKIObytyUqMUha17Rw/0?wx_fmt=jpeg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>公主岭帮</span>
                                  · 
                                 <a href="/t/SmQ5STJoM0w5Yg==">疯传的二院给癌症患者打针，不放药打盐水，真相公布了</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">7 年前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

<td width="32" valign="top" align="center">
                        
                            <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/M0x913PTXTI8LmXHfJFbXiaICyofictVhsflEsqicaDLicxx3WS4QoIN0AN55KXkOIXAgKAlpJAOXQvep26rIzuMgQ/0?wx_fmt=jpeg" referrerpolicy="no-referrer"
                                 class="avatar" style="max-width: 32px; max-height: 32px;"
                                 border="0" align="default">
                        
                    </td>
                    <td width="10" valign="top"></td>
                    <td width="auto" valign="top" align="left">
                        <span class="item_hot_topic_title">
                             
                                 <span>阿尔法工场研究院</span>
                                  · 
                                 <a href="/t/!lE2aXQxT1Y3Vw==">【趋势】张磊为何买下了百丽？</a>
                             
                        </span>
                        <div class="sep5"></div>
                        <span class="fade">7 年前</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

</div>
        <div class="sep5"></div>

</div>

<div class="sep20"></div>
            51好读 - 好文章就要读起来!

</div>
    </div>
</div>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0SBZ564CXS"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

function gtag() {
            dataLayer.push(arguments);
        }

gtag('js', new Date());

gtag('config', 'G-0SBZ564CXS');
    </script>

<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer">
</script>

</body>
</html>