微信開發(fā)者工具

微信開發(fā)者工具是一款編程工具，微信相關的軟件開發(fā)太多了，所以大家一定用得著，而且小程序今日正式上線，大家馬上就會迎來新一輪的工作，這款微信開發(fā)者工具由西西為大家精心帶來，包含32位與64位的操作系統(tǒng)工具，能滿足廣大用戶的需求，同時提供必要的教程。

微信開發(fā)者工具須知：

為幫助開發(fā)者更方便、更安全地開發(fā)和調試基于微信的網頁，我們推出了 web 開發(fā)者工具。它是一個桌面應用，通過模擬微信客戶端的表現，使得開發(fā)者可以使用這個工具方便地在 PC 或者 Mac 上進行開發(fā)和調試工作。立即下載體驗

你可以：

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

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

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

利用集成的 Chrome DevTools 協(xié)助開發(fā)

該工具界面主要由幾大部分組成，如下圖所示：

頂部菜單欄是刷新、后退、選中地址欄等動作的統(tǒng)一入口，以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器，可以直接操作網頁，模擬用戶真實行為。右側上方是地址欄，用于輸入待調試的頁面鏈接，以及清除緩存按鈕。右側下方是相關的請求和返回結果，以及調試界面和登錄按鈕。

調試微信網頁授權

之前在開發(fā)基于微信的網頁授權的功能時，開發(fā)者通常需要手機上輸入 URL 進而獲取用戶信息，從而進行開發(fā)和調試工作，可是因為手機的諸多限制，這個過程很不方便。 通過使用微信 web 開發(fā)者工具，從此開發(fā)者可以直接在 PC 或者 Mac 上進行這種調試了。具體操作步驟為：

開發(fā)者可以在調試器中點擊“登錄”，使用手機微信掃碼登錄，從而使用真實的用戶身份（支持測試號）來開發(fā)和調試微信網頁授權。請確認手機登錄頁，綁定的公眾號為“微信 web 開發(fā)者工具”，如下圖所示：

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

開發(fā)者在手機微信上接受邀請，即可完成綁定。每個公眾號最多可同時綁定10個開發(fā)者微信號。邀請確認頁面如下圖所示：

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

通過 web 開發(fā)者工具，可以模擬 JSSDK 在微信客戶端中的請求，并直觀地看到鑒權結果和 log。以微信 JSSDK DEMO 頁面為例：

http://demo.open.weixin.qq.com/jssdk

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

如下是校驗未通過的頁面：

在“權限列表” Tab 中，可以查詢到當前頁面擁有權限的 JS-SDK 列表：

移動調試

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

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

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

如下圖所示：

注意，移動調試功能暫不支持https。

Chrome DevTools

微信 web 開發(fā)者工具集成了 Chrome DevTools。同之前在 PC 上的調試體驗一致，可以快速上手。

如下圖所示：

更新日志：

新增 支持設置插件頁面為自定義編譯條件的啟動頁面

新增 第三方平臺小程序支持使用企業(yè)微信模擬器進行調試

新增 保留上次預覽的二維碼

新增 云開發(fā)控制臺文件存儲配置

新增 修改 appid 時支持下拉選取最近使用的appid

新增 體驗評分支持導出報告

新增 支持切后臺后可以獲取用戶位置

新增 云開發(fā)靜態(tài)網站托管支持自定義域名

新增 靜態(tài)網站和云存儲支持上傳文件夾

新增 云開發(fā)支持云托管

新增 預覽時報錯通過彈框提供錯誤信息 反饋詳情

優(yōu)化 云開發(fā)拓展功能入口優(yōu)化

優(yōu)化 新建項目流程

優(yōu)化 安裝包體積

修復 調試器在模擬器右側時，選擇機型會導致調試器錯位

修復 公眾號網頁調試模式下調試器白屏

修復 項目列表頁，刪除項目時的彈框無法縱向滾動

修復 工具導入代碼片段會直接新建一個新的代碼片段

修復 WXML面板節(jié)點元素無法選中

修復 新的編譯模塊在win7系統(tǒng)預覽報錯的問題 反饋詳情

修復 udp onClose與客戶端表現不一致

修復 打開工具全屏的問題

修復 多賬號調試，編譯一直使用緩存

修復 2.13.0以上基礎庫，無法觸發(fā) onPageNotFound 反饋詳情

修復 非系統(tǒng)菜單欄 Mac 下左上角的放大無法按住option最大化 反饋詳情

修復 關閉所有項目窗口后，不能從菜單里打開項目選擇界面 反饋詳情

修復 重復CSS樣式沒有warning提示

修復 cli使用 --appid參數時錯誤

修復 downloadFile接口三端表現不一致

修復 openSetting中有三個權限一直關不掉 反饋詳情

修復 工具上臨時文件能被unlink刪除的問題 反饋詳情

修復 MacOS Big Sur 頻繁崩潰的問題

修復 調試器跟隨模擬器一起彈出時編輯器部分區(qū)域無法觸發(fā)點擊的問題

修復 刪除項目后，重啟工具，已刪除的項目又重新出現的問題

修復 休眠后重新打開會出現項目列表窗口的問題