微信開發者工具是微信公眾平臺推出的開發者調試工具，方便公眾號負責人更好的調試網頁和微信小程序，需要的朋友可以來綠色資源網下載最新版哦！

微信web開發者工具官網介紹

為了幫助開發者簡單和高效地開發和調試微信小程序，我們在原有的公眾號網頁調試的工具基礎上，推出了全新的 微信開發者工具，集成了公眾號網頁調試和小程序調試兩種開發模式。

使用公眾號網頁調試，開發者可以調試微信網頁授權和微信JS-SDK 詳情 使用小程序模式，開發者可以完成小程序的 API 和頁面的開發調試、代碼查看和編輯、小程序預覽和發布等功能。

微信開發者工具怎么用

1.在綠色資源網下載web微信開發者工具最新版本

2.登錄mp.weixin.qq.com ，就可以在網站的“設置”-“開發者設置”中，查看到微信小程序的 AppID 了，注意不可直接使用服務號或訂閱號的 AppID 。

注意：如果要以非管理員微信號在手機上體驗該小程序，那么我們還需要操作“綁定開發者”。即在“用戶身份”-“開發者”模塊，綁定上需要體驗該小程序的微信號。本教程默認注冊帳號、體驗都是使用管理員微信號。

3.開發者工具安裝完成后，打開并使用微信掃碼登錄。選擇創建“項目”，填入上文獲取到的 AppID ，設置一個本地項目的名稱（非小程序名稱），比如“我的第一個項目”，并選擇一個本地的文件夾作為代碼存儲的目錄，點擊“新建項目”就可以了。

4.為方便初學者了解微信小程序的基本代碼結構，在創建過程中，如果選擇的本地文件夾是個空文件夾，開發者工具會提示，是否需要創建一個 quick start 項目。選擇“是”，開發者工具會幫助我們在開發目錄里生成一個簡單的 demo。

4.點擊開發者工具左側導航的“編輯”，我們可以看到這個項目，已經初始化并包含了一些簡單的代碼文件。最關鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個。其中，。js后綴的是腳本文件，。json后綴的文件是配置文件，。wxss后綴的是樣式表文件。微信小程序會讀取這些文件，并生成小程序實例。

最新版本 2017.09.01更新說明

修復 wxml 編譯導致 <radio-group/> 在 Page.setData 之后選中狀態被重置的問題

修復 ext.json 中 extEnable 為 false，到手機上預覽依舊生效的問題

修復 修復了在外部編輯器編輯了文件，工具不能檢測到更改的問題

修復 設備選擇時 wx.getSystemInfo 的內容不對的問題

修復 保存文件自動編譯時，文件保存沒有生效的問題

修復 編輯器快捷鍵格式化代碼失效的問題

修復 <picker /> 選擇第一個異常的問題

修復 上傳代碼時上次的輸入沒有記錄的問題

修復 第三方平臺小程序 Refer 異常的問題

修復 公眾號網頁開發觸摸模擬不生效的問題

修復 wxml panel 選中節點跳動的問題

修復 console panel 日志重復顯示問題

修復 wxml panel 鼠標為圓點的問題

修復 公眾號網頁開發頁面變大的問題

修復 頁面字體大小異常的問題