微信開(kāi)發(fā)者工具1.05.2204250 官方版64位

微信現(xiàn)在成為了國(guó)內(nèi)即通訊的NO.1了，很多開(kāi)發(fā)者可能需要對(duì)微信的網(wǎng)頁(yè)進(jìn)行開(kāi)發(fā)和調(diào)試，用手機(jī)工作的話很不方便，所以微信公眾平臺(tái)專為開(kāi)發(fā)者打造了這款微信開(kāi)發(fā)者工具，它是在電腦桌面上模擬微信客戶端，更方便開(kāi)發(fā)者對(duì)微信頁(yè)面進(jìn)行開(kāi)發(fā)和調(diào)試！

微信開(kāi)發(fā)者工具是干嘛的

為幫助開(kāi)發(fā)者更方便、更安全地開(kāi)發(fā)和調(diào)試基于微信的網(wǎng)頁(yè)，我們推出了  開(kāi)發(fā)者工具。它是一個(gè)桌面應(yīng)用，通過(guò)模擬微信客戶端的表現(xiàn)，使得開(kāi)發(fā)者可以使用這個(gè)工具方便地在 PC 或者 Mac 上進(jìn)行開(kāi)發(fā)和調(diào)試工作。

微信開(kāi)發(fā)者工具界面介紹

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

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

微信開(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ā)。

微信開(kāi)發(fā)者工具特色功能

模擬JSSDK權(quán)限校驗(yàn)

通過(guò)  開(kāi)發(fā)者工具，可以模擬 JSSDK 在微信客戶端中的請(qǐng)求，并直觀地看到鑒權(quán)結(jié)果和 log。以微信 JSSDK DEMO 頁(yè)面為例：

http://demo.open.weixin.qq.com/jssdk

在調(diào)試器中打開(kāi)該 URL，可以方便地在右側(cè)的 JS-SDK Tab 中看到當(dāng)前頁(yè)面 wx.config 的校驗(yàn)情況和 JSSDK 的調(diào)用 log。 如下是校驗(yàn)通過(guò)的頁(yè)面：

如下是校驗(yàn)未通過(guò)的頁(yè)面：

在“權(quán)限列表” Tab 中，可以查詢到當(dāng)前頁(yè)面擁有權(quán)限的 JS-SDK 列表：

移動(dòng)調(diào)試

移動(dòng)調(diào)試功能是基于 weinre 的，并且做了一些改進(jìn)，相比直接使用 weinre 有兩個(gè)優(yōu)點(diǎn)：

無(wú)須手工在頁(yè)面中加入 weinre 調(diào)試腳本

可以在 weinre 的網(wǎng)絡(luò)請(qǐng)求頁(yè)卡中，看到完整的 http 請(qǐng)求 log，非局限于 ajax 請(qǐng)求

如下圖所示：

注意，移動(dòng)調(diào)試功能暫不支持https。

Chrome DevTools

微信  開(kāi)發(fā)者工具集成了 Chrome DevTools。同之前在 PC 上的調(diào)試體驗(yàn)一致，可以快速上手。

如下圖所示：