為了幫助開發(fā)者運營微信公眾平臺，更方便、安全的開發(fā)和調試基于微信的網頁，官方推出了微信web開發(fā)者工具，簡單來說，這個微信web開發(fā)者工具是一個桌面應用，通過模擬微信客戶端的表現，使得開發(fā)者可以使用這個工具方便地在PC或者Mac上進行開發(fā)和調試工作。

軟件介紹

微信公眾平臺發(fā)布了微信web開發(fā)者工具，可以在PC或Mac上模擬訪問微信內網頁，幫助開發(fā)者更方便、更安全地開發(fā)和調試基于微信的網頁。微信web開發(fā)者工具是一個桌面應用，通過模擬微信客戶端的表現，使得開發(fā)者可以使用這個工具方便地在 PC 或者 Mac 上進行開發(fā)和調試工作。

工具特色

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

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

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

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

具體功能如下

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

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

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

界面說明：

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

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

更多微信網頁開發(fā)文檔內容，詳情點擊：http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html

更新日志

A 新增 項目詳情頁動態(tài)更新 AppID

A 新增 project.config.json packOptions.ignore / debugOptions.hidedInDevtools 支持 Glob 和 RegExp 規(guī)則

A 新增小游戲真機調試（需特定系統和客戶端版本）詳情

U 優(yōu)化 編譯器在調試器底部狀態(tài)來顯示編譯的進度信息

U 優(yōu)化 小游戲 JS 文件編譯緩存，增加文件 MD5 校驗

U 優(yōu)化 云函數下載體驗

U 優(yōu)化 云函數上傳成功后顯示詳情

U 優(yōu)化 開發(fā)者工具菜單顯示

U 優(yōu)化 編輯器菜單的順序

U 優(yōu)化 編輯器全局搜索時默認不搜索 node_modules 目錄

F 修復 云函數上傳時沒有保留源文件的操作權限的問題

F 修復 云開發(fā)控制臺云函數測試中帶有中文會調用失敗的問題

F 修復 云開發(fā)控制臺中添加 bool 數據類型異常的問題 反饋詳情

F 修復 上傳云函數上傳失敗會報 AuthFailure.TokenFailure 的問題

F 修復 多帳號調試時 tabBar 圖標不顯示的問題

F 修復 wx.getImageInfo orientation 與客戶端不一致的問題

F 修復 小游戲觸摸事件中 Touch 對象與客戶端不一致的問題

F 修復 開發(fā)者工具 offline 模擬時， <web-view /> 組件還能發(fā)起請求的問題

F 修復 小游戲 fs.readdir 提示 permission denied 的問題

F 修復 CLI/HTTP 調用返回的 JSON 結果在瀏覽器顯示亂碼的問題

F 修復 預覽二維碼沒有居中的問題 反饋詳情