1. 微信web開發者工具怎麼用
准備工具
微信公眾號、微信個人號；
電腦；
使用步驟
微信web開發者工具下載，並安裝。
注意：
需要注意的是，Android 4.2 之後的設備，開發人員選項默認是隱藏的。
2. 微信web開發者工具如何進行調試微信網頁授權
具體操作步驟為：
開發者可以在調試器中點擊「登錄」，使用手機微信掃碼登錄，從而使用真實的用戶身份來開發和調試微信網頁授權。請確認手機登錄頁，綁定的公眾號為「微信 web 開發者工具」，如下圖所示：
為了保證開發者身份信息的安全，對於希望調試的公眾號，我們要求開發者微信號與之建立綁定關系。具體操作為：公眾號登錄管理後台，啟用開發者中心，在開發者工具——web 開發者工具頁面，向開發者微信號發送綁定邀請。
開發者在手機微信上接受邀請，即可完成綁定。每個公眾號最多可同時綁定10個開發者微信號。
完成登錄和綁定後，開發者就可以開始調試微信網頁授權了：
非靜默授權的 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
點擊「確認登錄」即可帶著用戶信息跳轉到第三方頁面，很方便的進行後續的開發和調試。
靜默授權的 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 開發者工具中打開該 URL 則會自動跳轉到第三方頁面。
3. 微信公眾號web開發調試不方便嗎送你2款調試工具完美解決
前言
我們公司有做微信公眾號銜接的項目開發。前端小夥伴一般都是在chrome用手機模擬調試網頁，但是不方便調試與微信銜接部分的功能。有些bug在chrome上沒有調試出來，但是一到真機調試的時候，就出現了。
我也是大量的查閱資料並實踐，發現如下2個調試工具技巧，即可完美解決以上遇到的微信項目開發令人頭疼的調試問題。
1. vConsole 推薦指數：★★★★★
騰訊出品的 Web 調試面板，相信不少前端小夥伴都用過。vConsole 會在你網頁中加一個懸浮的小按鈕，可以點擊它來打開關閉調試面板，並查看 DOM、Console、Network和 本地存儲 等信息。基本可以滿足普通前端開發的需求。使用方法也很簡單，通過npm安裝或者直接在需要的頁面引入 js文件 ，然後 new VConsole() 就可以了。不熟悉的小夥伴可以直接去官方的 GitHub 看 README。但是它並沒有解決我的問題，因為我的 bug嚴重到一進頁面就報錯，脆弱的 javascript 直接原地爆炸，頁面一片空白。
2. 微信web開發者工具 推薦指數：★★★★★
這是一款早期的微信web開發者工具，最新版本： (2016.05.19)0.7.0
前端小夥伴可能更熟悉的是小程序web開發者工具。但是我今天主要介紹的是該工具的 移動調試功能,這一個也許可以用fiddler抓包工具，fiddler配置起來很麻煩，沒有該工具簡單，應付移動端調試抓包還是搓搓有餘。操作說明 請見官方文檔講得很清楚官方調試文檔說明
這兩款工具的實踐是前輩們踩過的坑，並填了坑。你看到了就賺到了，並自己花1個小時的時間學習一下，就為自己節省了很大部分的時間。
工欲善其事必先利其器，沒有好的調試工具或方法，移動端真機下的 debug 簡直是前端的噩夢。但是有了這些好用的方法，我想各位優秀的前端大佬，幫妹子修復個小 bug 還是 so easy 的。
--完--
4. 微信web開發者工具怎麼用
微信web開發者工具使用，用到的工具：電腦，步驟如下：
下載安裝微信web開發者工具，打開微信web開發者工具界面如下：
說明：左邊選擇相應的區塊，右邊的代碼就會追蹤到。
注意事項：打開調試工具中的url需要微信公眾號平台授權登錄微信web開發者工具。