知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁(yè) » 新聞資訊 » 網(wǎng)站建設(shè) >
微信web開發(fā)者工具使用教程
發(fā)表時(shí)間:2016-12-13
發(fā)布人:葵宇科技
瀏覽次數(shù):62
1、首先用戶需要做的就是先下載安裝,并啟工具。 即刻下載使用==》微信web開發(fā)者工具下載 2、調(diào)試微信網(wǎng)頁(yè)授權(quán),具體操作步驟為: 1)開發(fā)者可以在調(diào)試器中點(diǎn)擊“登錄”,使用手機(jī)微信掃碼登錄,從而使用真實(shí)的用戶身份來開發(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)試自己綁定過的公眾號(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) 通過 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)通過的頁(yè)面: 如下是校驗(yàn)未通過的頁(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)無須手工在頁(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ì)于小編這種“文盲”來說是根本不知道軟件的具體使用方法的,這個(gè)還需要開發(fā)者自行摸索,相信它一定能夠成為開發(fā)者開發(fā)必備的利器。
相關(guān)案例查看更多
相關(guān)閱讀
- web開發(fā)
- 云南網(wǎng)站建設(shè)首選
- 汽車拆解管理系統(tǒng)
- 云南網(wǎng)站建設(shè)優(yōu)化
- 網(wǎng)站建設(shè)
- 生成海報(bào)
- 政府網(wǎng)站建設(shè)服務(wù)
- 人口普查小程序
- 云南電商網(wǎng)站建設(shè)
- 前端
- 汽車回收系統(tǒng)
- 云南網(wǎng)站建設(shè)專家
- php網(wǎng)站
- 制作一個(gè)小程序
- web
- 報(bào)廢車
- 小程序表單
- 海南小程序制作公司
- 云南網(wǎng)站建設(shè)列表網(wǎng)
- 昆明小程序開發(fā)
- 北京小程序開發(fā)
- 云南企業(yè)網(wǎng)站
- 小程序定制
- 網(wǎng)站優(yōu)化哪家好
- 云南建設(shè)廳官方網(wǎng)站
- 微分銷
- 網(wǎng)站建設(shè)公司哪家好
- python開發(fā)小程序
- 表單
- 報(bào)廢車拆解回收管理系統(tǒng)