微信開發(fā)者工具開發(fā)版是由微信公眾平臺針對設(shè)計人員而開發(fā)的一款開發(fā)軟件，并該版本是比穩(wěn)定版功能更豐富的一個版本，在這款軟件中主要可以分為公眾號網(wǎng)頁調(diào)試以及小程序調(diào)試兩種開發(fā)模式，其中在小程序調(diào)試模式下，開發(fā)者可以完成小程序的API和頁面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能；在公眾號網(wǎng)頁調(diào)試模式下，開發(fā)者可以調(diào)試微信網(wǎng)頁授權(quán)和微信JS-SDK，使用這款軟件可以幫助開發(fā)者簡單和高效地開發(fā)和調(diào)試微信小程序。另外這款軟件是官方在原有的公眾號網(wǎng)頁調(diào)試工具的基礎(chǔ)上全新推出的微信開發(fā)者工具，不僅從視覺、交互、性能等方面對開發(fā)者工具進(jìn)行升級，而且還更加方便，給廣大的開發(fā)者更好的開發(fā)體驗，有需要的朋友可以來下載使用。

軟件特色

1、使用真實用戶身份，調(diào)試微信網(wǎng)頁授權(quán)。

2、校驗頁面的JSSDK權(quán)限，以及模擬大部分SDK的輸入和輸出。

3、利用集成的Chrome DevTools和基本的移動調(diào)試模塊，協(xié)助開發(fā)。

微信開發(fā)者工具電腦版開發(fā)版軟件安裝教程

1、在本站下載解壓等到微信開發(fā)者工具開發(fā)版軟件源程序

2、雙擊exe開始安裝軟件，并點擊下一步

3、點擊我接受，體驗許可證協(xié)議

4、選擇軟件安裝路徑，并點擊安裝

5、點擊完成，即可打開微信開發(fā)者工具開發(fā)版軟件

微信開發(fā)者工具開發(fā)版界面介紹

一、登錄頁

在登錄頁，可以使用微信掃碼登錄開發(fā)者工具，開發(fā)者工具將使用這個微信帳號的信息進(jìn)行小程序的開發(fā)和調(diào)試。

二、項目列表

登錄成功后，會看到已經(jīng)存在的項目列表和代碼片段列表，在項目列表可以選擇公眾號網(wǎng)頁調(diào)試，進(jìn)入到公眾號網(wǎng)頁調(diào)試模式

三、新建項目

當(dāng)符合以下條件時，可以在本地創(chuàng)建一個小程序項目

1、需要一個小程序的 AppID；如沒有 AppID，可以選擇申請使用測試號。

2、登錄的微信號需要是該 AppID 的開發(fā)者；

3、需要選擇一個空目錄，或者選擇的非空目錄下存在 app.json 或者 project.config.json。當(dāng)選擇空目錄時，可以選擇是否在該目錄下生成一個簡單的項目。

四、管理項目

對本地項目進(jìn)行刪除和批量刪除

五、主界面

開發(fā)者工具主界面，從上到下，從左到右，分別為：菜單欄、工具欄、模擬器、目錄樹、編輯區(qū)、調(diào)試器 六大部分。

選項頁功能介紹

1、基本信息

包括圖標(biāo)、AppID、第三方平臺名（只有第三方平臺的開發(fā)小程序才會顯示）、目錄信息、上次提交代碼的時間以及代碼包大小。

2、基礎(chǔ)庫版本切換

開發(fā)者可以在此選擇任意基礎(chǔ)庫版本，用于開發(fā)和調(diào)試舊版本兼容問題。

3、顯示基礎(chǔ)庫支持的客戶端版本

工具1.02.2002252或以上版本，開發(fā)者可以在此查看任意基礎(chǔ)庫支持的微信客戶端版本范圍

4、顯示灰度中的基礎(chǔ)庫

正式版本的基礎(chǔ)庫全量發(fā)布前，會有一個灰度的過程。

工具1.02.2002252或以上版本，開發(fā)者可以在此查看正在灰度中的基礎(chǔ)庫版本

5、下發(fā)測試基礎(chǔ)庫

注意：該功能只能下發(fā)到登錄開發(fā)者工具的微信號的客戶端，并會影響到該客戶端所有小程序

工具1.02.2003112或以上版本，開發(fā)者可以在此選擇任意基礎(chǔ)庫版本并下發(fā)到客戶端

微信開發(fā)者工具怎么使用以編寫小程序為例

1、打開工具點擊小程序項目

2、填寫相應(yīng)信息，點擊確定

3、實例目錄結(jié)構(gòu)

4、app.js是小程序的腳本代碼（必須），可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量，調(diào)用框架提供的豐富的 API

5、app.json是對整個小程序的全局配置（必須），用來對微信小程序進(jìn)行全局配置，決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多tab等。接受一個數(shù)組，每一項都是字符串，來指定小程序由哪些頁面組成。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在app.json的pages中，且pages中的第一個頁面是小程序的首頁。

6、app.wxss是整個小程序的公共樣式表（非必須）。

7、index.js 是頁面的腳本文件（必須），在這個文件中我們可以監(jiān)聽并處理頁面的生命周期函數(shù)、獲取小程序?qū)嵗?，聲明并處理?shù)據(jù)，響應(yīng)頁面交互事件等。

8、index.wxml是頁面結(jié)構(gòu)文件（必須）。

9、index.wxss是頁面樣式表文件（非必須），當(dāng)有頁面樣式表時，頁面的樣式表中的樣式規(guī)則會層疊覆蓋app.wxss中的樣式規(guī)則。如果不指定頁面的樣式表，也可以在頁面的結(jié)構(gòu)文件中直接使用app.wxss中指定的樣式規(guī)則。

10、在編輯配置好后點擊真機(jī)調(diào)試

11、手機(jī)微信掃描二維碼

12、自動彈出調(diào)試窗口，通過真機(jī)調(diào)試能夠更好的測試小程序

更新內(nèi)容

2.01.2512122
F 修復(fù) wx 接口定義丟失的問題
F 修復(fù) 修改 JS 文件觸發(fā)熱重載后 wxml inspect 失效的問題
F 修復(fù) >= 3.8 基礎(chǔ)庫后 rpx 單位渲染問題