微信小程序開(kāi)發(fā)工具是微信官方推出的微信Web開(kāi)發(fā)者工具，可以在電腦上(pc或mac)上模擬用戶訪問(wèn)，幫助開(kāi)發(fā)人員調(diào)試基于微信的網(wǎng)頁(yè)和程序，微信web開(kāi)發(fā)者工具是一個(gè)桌面應(yīng)用，通過(guò)模擬微信客戶端的表現(xiàn)，使得開(kāi)發(fā)者可以使用這個(gè)工具方便地在 PC 或者 Mac 上進(jìn)行開(kāi)發(fā)和調(diào)試工作。

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

信web開(kāi)發(fā)者工具 功能介紹

1.使用真實(shí)用戶身份，調(diào)試微信網(wǎng)頁(yè)授權(quán)。



2.校驗(yàn)頁(yè)面的JSSDK權(quán)限，以及模擬大部分SDK的輸入和輸出。



3.利用集成的Chrome DevTools和基本的移動(dòng)調(diào)試模塊，協(xié)助開(kāi)發(fā)。


 

微信web開(kāi)發(fā)者工具 使用方法

1.登錄微信公眾號(hào)，進(jìn)入，綁定個(gè)人微信號(hào)。



2.通過(guò)個(gè)人微信號(hào)，登錄。



3.從微信公眾號(hào)復(fù)制鏈接到地址欄，大功告成。



4.然后是需要移動(dòng)調(diào)試，登陸開(kāi)發(fā)工具，隨意打開(kāi)一個(gè)公眾號(hào)的頁(yè)面，復(fù)制鏈接放在開(kāi)發(fā)工具的地址欄，現(xiàn)在基本上就可以在電腦上面進(jìn)行調(diào)試了。



5.先選擇Android設(shè)備調(diào)試--普通調(diào)試。



6.只要按照他的提示--調(diào)試步驟設(shè)置手機(jī)就可以，手機(jī)代理設(shè)置如圖所示：



7.手機(jī)設(shè)置完畢代理以后，點(diǎn)擊開(kāi)發(fā)者工具頁(yè)面中的開(kāi)始調(diào)試就可以。

更新日志

2020.10.27 更新說(shuō)明

A 新增 支持通過(guò)打開(kāi)文件的方式打開(kāi)項(xiàng)目

A 新增 云開(kāi)發(fā)支持環(huán)境共享

A 新增 項(xiàng)目詳情-本地設(shè)置-上傳時(shí)自動(dòng)壓縮樣式

A 新增 MediaTrack.slice 接口支持切割視頻

A 新增 自動(dòng)化測(cè)試支持設(shè)置機(jī)型

A 新增 公眾號(hào)網(wǎng)頁(yè)調(diào)試支持調(diào)試開(kāi)放標(biāo)簽（支持標(biāo)簽渲染和觸發(fā) launch 生命周期）反饋詳情

A 新增 公眾號(hào)網(wǎng)頁(yè)調(diào)試支持云開(kāi)發(fā)登錄 詳情

A 新增 小程序支持 wasm 文件上傳

A 新增 模擬 wx.navigateToMiniProgram 小程序跳轉(zhuǎn)的交互

A 新增 wx.getGroupEnterInfo 調(diào)試支持