怎么使用微信開發(fā)者工具調(diào)試在微信端訪問的網(wǎng)頁，針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),三山企業(yè)網(wǎng)站建設(shè),三山品牌網(wǎng)站建設(shè),網(wǎng)站定制,三山網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,三山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

假設(shè)我用vue開發(fā)了一個web應(yīng)用,需要在手機(jī)微信里訪問并調(diào)試, 使用微信開發(fā)者工具來調(diào)試.

那么為了能夠在微信開發(fā)者工具里調(diào)試,需要首先進(jìn)入該公眾號的后臺,在web開發(fā)者工具里,將我本人的微信號添加進(jìn)去:

點(diǎn)擊"綁定開發(fā)者賬號":

輸入待綁定的微信賬號:

點(diǎn)擊綁定,該微信號會收到一條消息,詢問是否綁定:

點(diǎn)擊同意操作完成綁定.

接下來,把要調(diào)試的web應(yīng)用的url放到微信開發(fā)者工具地址欄里,回車之后,微信開發(fā)者工具就會彈出一個詢問窗口,點(diǎn)擊Allow之后,就可以在微信開發(fā)者工具提供的類似Chrome開發(fā)者工具調(diào)試器一樣的界面里進(jìn)行單步調(diào)試了.

這個粘貼到地址欄的url很有講究。

https://open.weixin.qq.com/connect/oauth3/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

其中appid=后面的值，是從微信公眾號控制臺里拷貝出來的appid：

redirect_uri, 即為我們開發(fā)的web應(yīng)用，部署到服務(wù)器之后生成的url，需要經(jīng)過url encode處理：https://www.xxx.com/smart

這個url準(zhǔn)備好之后，將其粘貼到微信開發(fā)者工具地址欄里，回車，即可看到一個對話窗口，要求獲得我們公開信息的許可：

點(diǎn)擊Allow之后，就可以像使用Chrome開發(fā)者工具的調(diào)試器一樣，在微信開發(fā)者工具里進(jìn)行單步調(diào)試了：

關(guān)于怎么使用微信開發(fā)者工具調(diào)試在微信端訪問的網(wǎng)頁問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。