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

軟件特色

1、使用真實用戶身份，調試微信網頁授權。

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

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

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

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

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

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

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

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

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

一、登錄頁

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

二、項目列表

登錄成功后，會看到已經存在的項目列表和代碼片段列表，在項目列表可以選擇公眾號網頁調試，進入到公眾號網頁調試模式

三、新建項目

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

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

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

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

四、管理項目

對本地項目進行刪除和批量刪除

五、主界面

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

選項頁功能介紹

1、基本信息

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

2、基礎庫版本切換

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

3、顯示基礎庫支持的客戶端版本

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

4、顯示灰度中的基礎庫

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

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

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

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

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

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

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

2、填寫相應信息，點擊確定

3、實例目錄結構

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

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

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

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

8、index.wxml是頁面結構文件（必須）。

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

10、在編輯配置好后點擊真機調試

11、手機微信掃描二維碼

12、自動彈出調試窗口，通過真機調試能夠更好的測試小程序

更新內容

V1.06.2504112

F 修復 調試器無法正常加載的問題

F 修復 部分場景小程序上傳卡死或者崩潰的問題