香蕉久久久久久av综合网成人,天天躁日日躁狠狠躁av麻豆男男 ,午夜福利网国产a,偷国产乱人伦偷精品视频,午夜裸体性播放

為幫助開(kāi)發(fā)者更方便、更安全地開(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)試工作。立即下載體驗(yàn)

你可以:

  • 使用自己的微信號(hào)來(lái)調(diào)試微信網(wǎng)頁(yè)授權(quán)
  • 調(diào)試、檢驗(yàn)頁(yè)面的 JS-SDK 相關(guān)功能與權(quán)限,模擬大部分 SDK 的輸入和輸出
  • 使用基于 weinre 的移動(dòng)調(diào)試功能
  • 利用集成的 Chrome DevTools 協(xié)助開(kāi)發(fā)

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

 

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

調(diào)試微信網(wǎng)頁(yè)授權(quán)

之前在開(kāi)發(fā)基于微信的網(wǎng)頁(yè)授權(quán)的功能時(shí),開(kāi)發(fā)者通常需要手機(jī)上輸入 URL 進(jìn)而獲取用戶信息,從而進(jìn)行開(kāi)發(fā)和調(diào)試工作,可是因?yàn)槭謾C(jī)的諸多限制,這個(gè)過(guò)程很不方便。 通過(guò)使用微信 web 開(kāi)發(fā)者工具,從此開(kāi)發(fā)者可以直接在 PC 或者 Mac 上進(jìn)行這種調(diào)試了。具體操作步驟為:

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

Tools_006.jpg

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

Tools_002.jpg

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

Tools_003.jpg

  • 完成登錄和綁定后,開(kāi)發(fā)者就可以開(kāi)始調(diào)試微信網(wǎng)頁(yè)授權(quán)了:

非靜默授權(quán)的 URL: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_userinfo&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome

在微信 web 開(kāi)發(fā)者工具中打開(kāi)這個(gè) URL,webview 模擬器顯示效果如圖:

Web-developer-tools-02.jpg

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

靜默授權(quán)的 URL: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_base&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome

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

 

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

通過(guò) web 開(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è)面:

Web-developer-tools-03.jpg

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

Tools_004.jpg

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

Web-developer-tools-04.jpg

移動(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)求

如下圖所示:

Web-developer-tools-08.jpg

 

Chrome DevTools

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

如下圖所示:

Web-developer-tools-09.jpg

 

下載地址

最新版本: (2016.01.11) 0.1.0

Windows 64位版本:下載地址

 MD5: 04cf4723256b82a284c008bd76b4c67d

Windows 32位版本:下載地址

 MD5: 64f21471fcb10cededfb07b5174a7d02

Mac版本:下載地址

 MD5: 761465844c55d4c61a001d668578f84a

穩(wěn)定

產(chǎn)品高可用性高并發(fā)

貼心

項(xiàng)目群及時(shí)溝通

專業(yè)

產(chǎn)品經(jīng)理1v1支持

快速

MVP模式小步快跑

承諾

我們選擇聲譽(yù)

堅(jiān)持

10年專注高端品質(zhì)開(kāi)發(fā)
  • 返回頂部