微信web開發者工具作為程序開發設計人員的神器，它可以通過與微信有關的網頁來進行模擬，可以更好地進行小程序、web頁面的測試，能夠了解自己開發的不足，為你快速找出問題所在。

微信開發者工具是干嘛的

微信公眾平臺針對設計人員而開發的一款桌面應用，該應用可以幫助開發者更方便、更安全地開發和調試基于微信的網頁，通過模擬微信客戶端的表現，使得開發者可以方便地在PC或者Mac上進行開發和調試工作。

功能說明

1、調試、檢驗頁面的 JS-SDK 相關功能與權限，模擬大部分 SDK 的輸入和輸出

2、使用自己的微信號來調試微信網頁授權

3、利用集成的 Chrome DevTools 協助開發

4、使用基于 weinre 的移動調試功能

微信開發者工具如何使用

--調試微信網頁授權

1）開發者可以在調試器中點擊“登錄”，使用手機微信掃碼登錄，從而使用真實的用戶身份來開發和調試微信網頁授權。請確認手機登錄頁，綁定的公眾號為“微信 web 開發者工具”。

2）為了保證開發者身份信息的安全，對于希望調試的公眾號，我們要求開發者微信號與之建立綁定關系。具體操作為：公眾號登錄管理后臺，啟用開發者中心，在開發者工具——web 開發者工具頁面，向開發者微信號發送綁定邀請。

3）開發者在手機微信上接受邀請，即可完成綁定。每個公眾號最多可同時綁定10個開發者微信號。

4）完成登錄和綁定后，開發者就可以開始調試微信網頁授權了，注意只能調試自己綁定過的公眾號。

--模擬JSSDK權限校驗

通過它，可以模擬 JSSDK 在微信客戶端中的請求，并直觀地看到鑒權結果和 log。以微信JSSDK DEMO 頁面為例：

在調試器中打開該 URL，可以方便地在右側的 JS-SDK Tab 中看到當前頁面 wx.config 的校驗情況和 JSSDK 的調用 log。

--移動調試

移動調試功能是基于 weinre 的，并且做了一些改進，相比直接使用 weinre 有兩個優點：

1）可以在 weinre 的網絡請求頁卡中，看到完整的 http 請求 log，非局限于 ajax 請求

2）無須手工在頁面中加入 weinre 調試腳本

微信開發者工具怎么導入項目

1、運行之后我們找到想要導入的項目所屬的類型點擊進去，比如小編需要導入一個小程序項目，就點擊小程序項目模塊。

2、點擊之后進入到小程序項目界面，在界面底部有一個管理項目選項，然后我們點擊它右邊的添加圖標。

3、點擊這個添加圖標之后會出現一個新增項目的界面，我們選擇項目目錄以及填寫項目名稱等其他信息。

4、點擊項目目錄右邊的圖標即可打開選擇項目目錄的界面，我們找到想要導入的項目src源代碼文件夾之后，點擊選擇它并點擊確定按鈕進行導入即可。

更新日志

2021.10.29

- 修復 部分場景新建項目工具卡住的問題

- 修復 開啟懶注入修改頁面 js 文件重新編譯沒生效

- 修復 騰訊云無法自動登錄的問題

- 修復 云開發代金券下單白屏的問題

2021.10.11

- 修復 cos上傳時，本地系統時間調后報錯

- 修復 小游戲項目自動預覽報錯

- 修復 win上工具更新升級概率性失敗 查看詳情

- 修復 mac上工具殘留進程問題

- 修復 cmd+q直接退出了，沒有toast緩沖

- 修復 導入的項目，退出之后不再列表

- 優化 創建項目時點擊多次會創建多個

- 修復 代理模式下開關請求報錯

- 修復 多賬號調試窗口/自動化測試窗口 白屏

- 修復 wxml格式化報錯

- 新增 預覽、真機調試和上傳時，增加空模板檢查提示。

- 新增 補充了部分設備無關的 getSystemInfo 字段

- 新增 支持導入來自 vscode 已安裝的擴展

- 新增 編輯器場景推薦

- 新增 模板庫創建小程序

- 新增 云開發未使用資源包支持七天內退款

- 新增 支持在編輯器面板上展示 console 的警告和錯誤數

- 新增 新增wxml壓縮的灰度策略

- 新建 快速啟動模版時附帶一個默認的 eslintrc 文件

- 新增 兩種工具啟動時打開項目的方式

- 新增 代碼建議中提供服務接口推薦

- 新增 模擬器支持 iPhone12 機型

- 新增 調試器支持wxss的map信息

- 新增 工具原生支持Typescript

- 新增 Typescript + Less 小程序模板

- 新增 Typescript + Sass 小程序模板

- 新增 本地設置面板新增wxml文件壓縮開關，修改樣式文件和腳本文件開關的wording

- 新增 支持通過 project.config.json -> setting -> disableUseStrict 配置全局禁用嚴格模式

- 新增 編譯模塊新增wxml壓縮，實現wxmlparser，壓縮注釋和部分多余空字符

- 新增 WXML 方法和樣式補全時，支持從 ts, less, sass 文件獲取補全信息。

- 優化 更新 Typescript 項目模板

- 優化 代碼靜態依賴分析支持根據 project.config.json 中 packOptions.ignore 配置選項忽略文件

- 更新 編譯和壓縮 wxss 文件所依賴第三方庫的版本

- 優化 終止模擬器時關閉 apiHost 進程

- 優化 工具更新機制優化

- 優化 WXML 中 {{mustache}} 內容的代碼高亮

- 優化 可視化編輯模式支持模擬器彈出

- 修復 wxml 壓縮移除注釋導致無法上傳預覽的問題

- 修復 windows 調試器無法保存設置的問題 反饋詳情

- 修復 compiler 模塊沒有根據 app.json 尋找 sitemap.json 的問題

- 修復 預覽時自定義命令處理失敗

- 優化 彈出的模擬器窗口關閉時保持主界面的模擬器的顯示狀態

- 升級云函數基礎環境至 NodeJS 12.16

- 優化 工具對 TypeScript + Less 模板 和 TypeScript + Sass 模板的支持。

- 修復 多帳號調試窗口 getUserProfile 白屏的問題

- 修復 小游戲編譯多次內存快速上漲的問題

- 修復 項目窗口打開是企業微信模式時的部分問題

- 修復 較長時間后版本管理可能刷新失敗的問題

- 修復 TCP合法域名沒有校驗的問題

- 修復 真機調試1.0 橫屏情況下 WXML 無法顯示的問題 反饋詳情

- 修復 調用藍牙接口的時候會發生crash的問題

- 修復 創建「其他」項目后，項目列表不刷新的問題

- 修復 代碼保護報錯導致上傳失敗的bug

- 修復 公眾號網頁調試窗口關閉之后入口頁無法出現

- 新增 編輯器設置支持云同步

- 修復 清除文件緩存后調用downloadFile會失敗的問題 反饋詳情

- 修復 WXML 中 style 屬性部分內容可能提示語法錯誤的問題

- 修復 熱重載 js 時 sourcemap 的相關問題

- 修復 修復text標簽內>識別錯誤的問題

- 修復 其他項目窗口下部分快捷鍵可能失效的問題

- 修復 WXML 使用 emmet 語法自動生成了 div 標簽的問題

- 修復 重命名多個文件的大小寫形式時可能失敗的問題

- 修復 打開項目后再次雙擊工具導致退出項目的問題

- 修復 summer 真機調試不支持的bug

- 修復 windows 設置使用系統代理失敗的問題

- 修復 預覽或上傳時，可能會報'Unknown browser query'的錯誤 反饋詳情

- 修復 分享朋友圈后點擊跳轉小程序無法回到正確頁面問題

- 修復 小包更新后，降級安裝使用的還是小包更新的版本的問題

2021.08.15

- 新增 getUserInfo 接口適配檢測邏輯