1. 程式人生 > >微信web開發者工具簡介

微信web開發者工具簡介

微信web開發者工具

為幫助開發者更方便、更安全地開發和除錯基於微信的網頁,我們推出了 web 開發者工具。它是一個桌面應用,通過模擬微信客戶端的表現,使得開發者可以使用這個工具方便地在 PC 或者 Mac 上進行開發和除錯工作。

下載地址

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


頂部選單欄是重新整理、後退、選中位址列等動作的統一入口,以及微信客戶端版本的模擬設定頁。左側是微信的 webview 模擬器,可以直接操作網頁,模擬使用者真實行為。右側上方是位址列,用於輸入待除錯的頁面連結,以及清除快取按鈕。右側下方是相關的請求和返回結果,以及除錯介面和登入按鈕。 為了保證開發者身份資訊的安全,對於希望除錯的公眾號,我們要求開發者微訊號與之建立繫結關係。具體操作為:公眾號登入管理後臺,啟用開發者中心,在開發者工具——web 開發者工具頁面,向開發者微訊號傳送繫結邀請。


此時輸入url,只能在微信客戶端顯示的頁面這裡也可以看到效果。


可以看到有輸出資訊,非常方便。不用使用微信手機客戶端來訪問頁面。