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

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

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

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

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



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



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



4.然后是需要移動(dòng)調(diào)試，登陸開發(fā)工具，隨意打開一個(gè)公眾號(hào)的頁面，復(fù)制鏈接放在開發(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)擊開發(fā)者工具頁面中的開始調(diào)試就可以。

更新日志

2020.10.27 更新說明

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

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

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

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

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

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

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

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

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

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