如何使用微信開發(fā)者工具調(diào)試在微信端訪問的網(wǎng)頁
時間：2022-08-06 19:09:01 | 來源：網(wǎng)站運營
時間：2022-08-06 19:09:01 來源：網(wǎng)站運營
假設(shè)我用vue開發(fā)了一個web應(yīng)用,需要在手機微信里訪問并調(diào)試, 可以按照本文介紹的步驟,使用微信開發(fā)者工具來調(diào)試.
假設(shè)我的web應(yīng)用的訪問入口是如下公眾號菜單的"預約"按鈕:
那么為了能夠在微信開發(fā)者工具里調(diào)試,需要首先進入該公眾號的后臺,在web開發(fā)者工具里,將我本人的微信號添加進去:
點擊"綁定開發(fā)者賬號":
輸入待綁定的微信賬號:
點擊綁定,該微信號會收到一條消息,詢問是否綁定:
點擊同意操作完成綁定.
接下來,把要調(diào)試的web應(yīng)用的url放到微信開發(fā)者工具地址欄里,回車之后,微信開發(fā)者工具就會彈出一個詢問窗口,點擊Allow之后,就可以在微信開發(fā)者工具提供的類似Chrome開發(fā)者工具調(diào)試器一樣的界面里進行單步調(diào)試了.
這個粘貼到地址欄的url很有講究。
https://open.weixin.qq.com/connect/oauth2/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準備好之后，將其粘貼到微信開發(fā)者工具地址欄里，回車，即可看到一個對話窗口，要求獲得我們公開信息的許可：
點擊Allow之后，就可以像使用Chrome開發(fā)者工具的調(diào)試器一樣，在微信開發(fā)者工具里進行單步調(diào)試了：
在線咨詢