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

軟件介紹

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

工具特色

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

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

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

利用集成的 Chrome DevTools 協助開發。

具體功能如下

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

微信網頁開發者工具

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

3、利用集成的Chrome DevTools和基本的移動調試模塊,協助開發。

界面說明:

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

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

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

更新日志

A 新增 項目詳情頁動態更新 AppID

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

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

U 優化 編譯器在調試器底部狀態來顯示編譯的進度信息

U 優化 小游戲 JS 文件編譯緩存,增加文件 MD5 校驗

U 優化 云函數下載體驗

U 優化 云函數上傳成功后顯示詳情

U 優化 開發者工具菜單顯示

U 優化 編輯器菜單的順序

U 優化 編輯器全局搜索時默認不搜索 node_modules 目錄

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

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

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

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

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

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

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

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

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

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

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

微信web開發者工具下載-微信網頁開發者工具v1.02.1809260 官方破解版下載地址

遠程下載