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