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