微信小程序開發(fā)必備工具

微信小程序開發(fā)必備工具是一款非常好用的軟件開發(fā)平臺(tái)，這里提供的是破解版，超多好用功能，相信對(duì)您的開發(fā)大有裨益，微信小程序已然重磅上線，期待您為其注入更多優(yōu)秀功能。

微信小程序開發(fā)必備工具簡(jiǎn)介：

微信小程序開發(fā)工具(微信web開發(fā)者工具)是由騰訊微信推出的一款專門可以在微信做小程序的開發(fā)工具。微信小程是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或搜一下即可打開應(yīng)用。而微信小程序開發(fā)工具能夠幫助開發(fā)者簡(jiǎn)單和高效地開發(fā)微信小程序，開發(fā)工具集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。要注意的是：?jiǎn)��?dòng)工具時(shí)，開發(fā)者需要使用已在后臺(tái)綁定成功的微信號(hào)掃描二維碼登錄，后續(xù)所有的操作都會(huì)基于這個(gè)微信帳號(hào)。

使用須知：

為了幫助開發(fā)者簡(jiǎn)單和高效地開發(fā)微信小程序，我們推出了全新的開發(fā)者工具，集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。

掃碼登錄

啟動(dòng)工具時(shí)，開發(fā)者需要使用已在后臺(tái)綁定成功的微信號(hào)掃描二維碼登錄，后續(xù)所有的操作都會(huì)基于這個(gè)微信帳號(hào)

調(diào)試工具

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

Wxml Pannel

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

Sources Pannel

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

Network Pannel

Netwrok Pannle 用于觀察和顯示 request 和 socket 的請(qǐng)求情況

Appdata Pannel

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

Storage Pannel

Storage Pannel 用于顯示當(dāng)前項(xiàng)目的使用 wx.setStorage 或者 wx.setStorageSync 后的數(shù)據(jù)存儲(chǔ)情況。

Console Pannel

Console Pannel 有兩大功能：

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

小程序操作區(qū)：

小程序操作區(qū)幫助開發(fā)者模擬一些客戶端的環(huán)境操作。例如當(dāng)用戶從小程序中回到聊天窗口，會(huì)觸發(fā)一個(gè)小程序被設(shè)置為后臺(tái)的api。

當(dāng)小程序使用到多窗口的時(shí)候，可以在頂部操作區(qū)進(jìn)行頁面切換，需要注意的是這個(gè)操作只是為了方便開發(fā)者才存在的，在真實(shí)的微信客戶端中是不會(huì)有的。

微信小程序相關(guān)視頻：