微信Web開發(fā)者工具由微信官方出品,通過模擬微信客戶端的表現,幫助開發(fā)者進行開發(fā)和調試。為幫助開發(fā)者更方便、更安全地開發(fā)和調試基于微信的網頁,我們推出了 web 開發(fā)者工具。它是一個桌面應用,通過模擬微信客戶端的表現,使得開發(fā)者可以使用這個工具方便地在 PC 或者 Mac 上進行開發(fā)和調試工作。
微信web開發(fā)者工具的功能:
使用自己的微信號來調試微信網頁授權
調試、檢驗頁面的 JS-SDK 相關功能與權限,模擬大部分 SDK 的輸入和輸出
使用基于 weinre 的移動調試功能
利用集成的 Chrome DevTools 協(xié)助開發(fā)
使用方法
一、下載安裝微信開發(fā)者工具并打開軟件。
二、打開軟件后使用微信掃描登錄。
三、按照自己的需求可以在小程序、小游戲點擊新建或者導入項目制作新的程序。
四、選擇公眾號網頁功能可以對公眾號進行WEB進行功能調試。
Chrome DevTools
微信 web 開發(fā)者工具集成了 Chrome DevTools。同之前在 PC 上的調試體驗一致,可以快速上手。
如下圖所示:
更新日志
微信web開發(fā)者工具64位版 1.06.2207210 更新說明
F 修復 自動化測試窗口切換到測試賬號后無法切換回登陸賬號問題
F 修復 小游戲腳本錄制/節(jié)點審查插件失敗問題
F 修復 wxml面板 inspect 節(jié)點難以選中的問題
F 修復 不同項目的小程序 storage 會互相覆蓋的問題
F 修復 部分自定義組件依賴熱重載不生效的問題
F 修復 部分情況下橫屏渲染層報錯
F 修復 Class extends value undefined is not a constructor or null
F 修復 部分云托管 callContainer 請求無法在 Network 面板展示的問題
F 修復 picker 組件無法設置初始 value 的問題
F 修復 lazyCodeLoading 報錯 expect FL