微信小程序官方開發(fā)工具是一款專門為微信從業(yè)的工作人員制作的全新接口工具,為了幫助開發(fā)者簡單和高效地開發(fā)微信小程序,我們推出了全新的開發(fā)者工具,集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。本次就為大家?guī)碜钚碌奈⑿判〕绦蚬俜介_發(fā)軟件,相信不少的用戶都會非常喜歡,趕緊下載吧!
掃碼登錄
啟動工具時,開發(fā)者需要使用已在后臺綁定成功的微信號掃描二維碼登錄,后續(xù)所有的操作都會基于這個微信帳號
模擬器
模擬器模擬微信小程序在客戶端真實的邏輯表現(xiàn),對于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。
調(diào)試工具分為 6 大功能模塊:Wxml、Console、Sources、Network、Appdata、Storage
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 用于顯示當(dāng)前項目的腳本文件,同瀏覽器開發(fā)不同,微信小程序框架會對腳本文件進行編譯的工作,所以在 Sources panel 中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件,開發(fā)者的代碼都會被包裹在 define 函數(shù)中,并且對于 Page 代碼,在尾部會有 require 的主動調(diào)用。
Netwrok Pannle 用于觀察和顯示 request 和 socket 的請求情況
Appdata panel 用于顯示當(dāng)前項目當(dāng)前時刻 appdata 具體數(shù)據(jù),實時地反饋項目數(shù)據(jù)情況,可以在此處編輯數(shù)據(jù),并及時地反饋到界面上。
Storage panel 用于顯示當(dāng)前項目的使用 wx.setStorage 或者 wx.setStorageSync 后的數(shù)據(jù)存儲情況。
Console panel 有兩大功能:
開發(fā)者可以在此輸入和調(diào)試代碼
小程序的錯誤輸出,會顯示在此處
更新說明:
2017.01.06 更新日志
U: 更新 獲取小程序頁面二維碼接口的調(diào)用總次數(shù)為 十萬 次 詳情
2017.01.05 更新日志
基礎(chǔ)庫更新
F: 修復(fù) touch 事件在開發(fā)工具上出現(xiàn) preventDefault inside passive event 的問題