微信公眾平臺(tái)為廣大開發(fā)者帶來(lái)福音，強(qiáng)勢(shì)推出微信web開發(fā)者工具，讓開發(fā)人員可以通過(guò)這款工具方便快捷的在PC電腦端或者M(jìn)ac端完成開發(fā)與測(cè)試，那么問題來(lái)了，微信web開發(fā)者工具如何使用？別擔(dān)心，小編在此為大家簡(jiǎn)單介紹下使用方法吧！
 

1、首先用戶需要做的就是先下載安裝，并啟工具。
 

即刻下載使用==》微信web開發(fā)者工具下載
 

2、調(diào)試微信網(wǎng)頁(yè)授權(quán)，具體操作步驟為：
 

1）開發(fā)者可以在調(diào)試器中點(diǎn)擊“登錄”，使用手機(jī)微信掃碼登錄，從而使用真實(shí)的用戶身份來(lái)開發(fā)和調(diào)試微信網(wǎng)頁(yè)授權(quán)。請(qǐng)確認(rèn)手機(jī)登錄頁(yè)，綁定的公眾號(hào)為“微信 web 開發(fā)者工具”。
 

2）為了保證開發(fā)者身份信息的安全，對(duì)于希望調(diào)試的公眾號(hào)，我們要求開發(fā)者微信號(hào)與之建立綁定關(guān)系。具體操作為：公眾號(hào)登錄管理后臺(tái)，啟用開發(fā)者中心，在開發(fā)者工具——web 開發(fā)者工具頁(yè)面，向開發(fā)者微信號(hào)發(fā)送綁定邀請(qǐng)。
 

3）開發(fā)者在手機(jī)微信上接受邀請(qǐng)，即可完成綁定。每個(gè)公眾號(hào)最多可同時(shí)綁定10個(gè)開發(fā)者微信號(hào)。邀請(qǐng)確認(rèn)頁(yè)面如下圖所示：
 

4）完成登錄和綁定后，開發(fā)者就可以開始調(diào)試微信網(wǎng)頁(yè)授權(quán)了，注意只能調(diào)試自己綁定過(guò)的公眾號(hào)：
 

非靜默授權(quán)的 URL：點(diǎn)擊查看
 

在微信 web 開發(fā)者工具中上面的 URL，webview 模擬器顯示效果如圖：
 

點(diǎn)擊“確認(rèn)登錄”即可帶著用戶信息跳轉(zhuǎn)到第三方頁(yè)面，很方便的進(jìn)行后續(xù)的開發(fā)和調(diào)試。
 

靜默授權(quán)的 URL：點(diǎn)擊查看
 

在微信 web 開發(fā)者工具中打開該 URL 則會(huì)自動(dòng)跳轉(zhuǎn)到第三方頁(yè)面。
 

（注意：如果使用了代理，需代理本身支持https直連，才能調(diào)試https頁(yè)面。）
 

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

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

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

在調(diào)試器中打開該 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 列表：
 

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

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

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

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

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

5、Chrome DevTools
 

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

以上內(nèi)容就是微信web開發(fā)者工具的一些基本使用方法，畢竟是一款適合開發(fā)人員使用的“高大上”軟件，對(duì)于小編這種“文盲”來(lái)說(shuō)是根本不知道軟件的具體使用方法的，這個(gè)還需要開發(fā)者自行摸索，相信它一定能夠成為開發(fā)者開發(fā)必備的利器。

微信web開發(fā)者工具 V0.1.0 官方版

類別：編程工具   大?。?00.74M    語(yǔ)言：簡(jiǎn)體中文

評(píng)分：10

下載地址