微信小程序官方開發(fā)工具

微信小程序官方開發(fā)工具是一款專門為微信從業(yè)的工作人員制作的全新接口工具，為了幫助開發(fā)者簡單和高效地開發(fā)微信小程序，我們推出了全新的 開發(fā)者工具 ，集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。本次就為大家?guī)�來最新的微信小程序官方開發(fā)軟件，相信不少的用戶都會非常喜歡，趕緊下載吧！

掃碼登錄

啟動工具時，開發(fā)者需要使用已在后臺綁定成功的微信號掃描二維碼登錄，后續(xù)所有的操作都會基于這個微信帳號

模擬器

模擬器模擬微信小程序在客戶端真實的邏輯表現(xiàn)，對于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。

調(diào)試工具

調(diào)試工具分為 6 大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage

Wxml panel

Wxml panel 用于幫助開發(fā)者開發(fā) Wxml 轉(zhuǎn)化后的界面。在這里可以看到真實的頁面結(jié)構(gòu)以及結(jié)構(gòu)對應(yīng)的 wxss 屬性，同時可以通過修改對應(yīng) wxss 屬性，在模擬器中實時看到修改的情況。通過調(diào)試模塊左上角的選擇器，還可以快速找到頁面中組件對應(yīng)的 wxml 代碼。

Sources panel

Sources panel 用于顯示當前項目的腳本文件，同瀏覽器開發(fā)不同，微信小程序框架會對腳本文件進行編譯的工作，所以在 Sources panel 中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件，開發(fā)者的代碼都會被包裹在 define 函數(shù)中，并且對于 Page 代碼，在尾部會有 require 的主動調(diào)用。

Network panel

Netwrok Pannle 用于觀察和顯示 request 和 socket 的請求情況

Appdata panel

Appdata panel 用于顯示當前項目當前時刻 appdata 具體數(shù)據(jù)，實時地反饋項目數(shù)據(jù)情況，可以在此處編輯數(shù)據(jù)，并及時地反饋到界面上。

Storage panel

Storage panel 用于顯示當前項目的使用 wx.setStorage 或者 wx.setStorageSync 后的數(shù)據(jù)存儲情況。

Console panel

Console panel 有兩大功能：

開發(fā)者可以在此輸入和調(diào)試代碼

小程序的錯誤輸出，會顯示在此處

微信小程序開發(fā)視頻：

更新說明：

2017.01.06 更新日志

U: 更新 獲取小程序頁面二維碼接口的調(diào)用總次數(shù)為 十萬 次 詳情

2017.01.05 更新日志

基礎(chǔ)庫更新

F: 修復(fù) touch 事件在開發(fā)工具上出現(xiàn) preventDefault inside passive event 的問題