您的位置:首頁>軟件下載>編程開發 > 微信web開發者工具64位

微信web開發者工具64位V1.02.1812271官方版

微信web開發者工具32&64

  • 軟件大小:180.5 MB
  • 更新時間:2019/09/30
  • 軟件語言:簡體中文
  • 軟件授權:免費軟件
  • 版本類型:官方版
  • 版本號:1.02.1812271
  • 適用系統:WinXP/WIN7/Win8/Win10
  • 軟件介紹
  • 本類推薦
  • 精品合集
  • 相關文章
  • 下載地址
  • 相關評論

微信web開發者工具64位軟件截圖

微信web開發者工具是款輔助開發者簡單高效的開發基于微信的網頁,具備開發調試、代碼編輯及程序發布等功能,讓開發者可好的在PC或者Mac上進行開發和調試工作。微信web開發者工具利用集成的Chrome DevTools和基本的移動調試模塊,協助開發者進行開發,而且使用非常方便,是開發者編程的福音!

微信web開發者工具功能

1、使用自己的微信號來調試微信網頁授權
2、調試、檢驗頁面的 JS-SDK 相關功能與權限,模擬大部分 SDK 的輸入和輸出
3、使用基于 weinre 的移動調試功能
4、利用集成的 Chrome DevTools 協助開發

微信web開發者工具安裝

1.到本站下載安裝微信web開發者工具,打開安裝程序,點擊下一步繼續安裝

微信web開發者工具64位軟件截圖

2.點擊我接受此協議,點擊下一步

微信web開發者工具64位軟件截圖

3.點擊瀏覽選擇安裝位置

微信web開發者工具64位軟件截圖

4.稍等片刻

微信web開發者工具64位軟件截圖

5.最后點擊完成即可,軟件安裝完畢

微信web開發者工具64位軟件截圖

微信web開發者工具使用教程

如何使用微信web開發者工具開發

  1. 開發者掃碼登錄微信開發者工具

    微信web開發者工具64位軟件截圖
  2.  登錄成功
    微信web開發者工具64位軟件截圖
  3.  輸入對應調試網址,對應操作可在console欄目查看到具體報錯
    微信web開發者工具64位軟件截圖
  4.  
    對應報錯可鼠標左鍵點擊或者右鍵“open id a new tab”在一個新頁面查看報錯
    微信web開發者工具64位軟件截圖
  5.  必要的時候“清空緩存”來清空cookie和瀏覽器緩存造成的影響
    微信web開發者工具64位軟件截圖
  6.  JS-SDK主要用來調試微信相關接口
    微信web開發者工具64位軟件截圖

微信開發者工具須知

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

你可以:

使用自己的微信號來調試微信網頁授權

調試、檢驗頁面的 JS-SDK 相關功能與權限,模擬大部分 SDK 的輸入和輸出

使用基于 weinre 的移動調試功能

利用集成的 Chrome DevTools 協助開發

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

微信web開發者工具64位軟件截圖

頂部菜單欄是刷新、后退、選中地址欄等動作的統一入口,以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器,可以直接操作網頁,模擬用戶真實行為。右側上方是地址欄,用于輸入待調試的頁面鏈接,以及清除緩存按鈕。右側下方是相關的請求和返回結果,以及調試界面和登錄按鈕。

調試微信網頁授權

之前在開發基于微信的網頁授權的功能時,開發者通常需要手機上輸入 URL 進而獲取用戶信息,從而進行開發和調試工作,可是因為手機的諸多限制,這個過程很不方便。 通過使用微信 web 開發者工具,從此開發者可以直接在 PC 或者 Mac 上進行這種調試了。具體操作步驟為:

開發者可以在調試器中點擊“登錄”,使用手機微信掃碼登錄,從而使用真實的用戶身份(支持測試號)來開發和調試微信網頁授權。請確認手機登錄頁,綁定的公眾號為“微信 web 開發者工具”,如下圖所示:

微信web開發者工具64位軟件截圖

為了保證開發者身份信息的安全,對于希望調試的公眾號,我們要求開發者微信號與之建立綁定關系。具體操作為:公眾號登錄管理后臺,啟用開發者中心,在開發者工具——web 開發者工具頁面,向開發者微信號發送綁定邀請。綁定頁面如下圖所示:

微信web開發者工具64位軟件截圖

開發者在手機微信上接受邀請,即可完成綁定。每個公眾號最多可同時綁定10個開發者微信號。邀請確認頁面如下圖所示:

微信web開發者工具64位軟件截圖

完成登錄和綁定后,開發者就可以開始調試微信網頁授權了,注意只能調試自己綁定過的公眾號:

非靜默授權的 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

在微信 web 開發者工具中打開類似的授權頁 URL(樣例不可直接使用,請更換為綁定完成的公眾號授權頁URL),webview 模擬器顯示效果如圖:

微信web開發者工具64位軟件截圖

點擊“確認登錄”即可帶著用戶信息跳轉到第三方頁面,很方便的進行后續的開發和調試。

靜默授權的 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(樣例不可直接使用,請更換為綁定完成的公眾號授權頁URL)則會自動跳轉到第三方頁面。

注意:如果使用了代理,需代理本身支持https直連,才能調試https頁面。

模擬JSSDK權限校驗

通過 web 開發者工具,可以模擬 JSSDK 在微信客戶端中的請求,并直觀地看到鑒權結果和 log。以微信 JSSDK DEMO 頁面為例:

http://demo.open.weixin.qq.com/jssdk

在調試器中打開該 URL,可以方便地在右側的 JS-SDK Tab 中看到當前頁面 wx.config 的校驗情況和 JSSDK 的調用 log。 如下是校驗通過的頁面:

微信web開發者工具64位軟件截圖

如下是校驗未通過的頁面:

微信web開發者工具64位軟件截圖

在“權限列表” Tab 中,可以查詢到當前頁面擁有權限的 JS-SDK 列表:

微信web開發者工具64位軟件截圖

移動調試

移動調試功能是基于 weinre 的,并且做了一些改進,相比直接使用 weinre 有兩個優點:

無須手工在頁面中加入 weinre 調試腳本

可以在 weinre 的網絡請求頁卡中,看到完整的 http 請求 log,非局限于 ajax 請求

如下圖所示:

微信web開發者工具64位軟件截圖

注意,移動調試功能暫不支持https。

Chrome DevTools

微信 web 開發者工具集成了 Chrome DevTools。同之前在 PC 上的調試體驗一致,可以快速上手。

如下圖所示:

微信web開發者工具64位軟件截圖

更新日志

1.修復 導航條背景色錯誤時白屏問題
2.修復 小程序頁面跳轉時 WXML 面板可能空白的問題
3.修復 修復計算上傳代碼包錯誤的問題
4.新增 新建項目時可以選擇創建騰訊云的 quick start 項目。
5.新增 編輯器右鍵創建 Component 功能。
6.修復 模擬器選擇 offline 后,沒有明確提示問題。
7.修復 wx.downloadFile 的 downloadTask.onProgressUpdate 缺少返回參數totalBytesWritten、totalBytesExpectedToWrite 的問題。
8.修復 工具異常退出后仍然有進程未關閉并占用大量CPU資源的問題。
9.修復 切換設備時 rpx 計算有誤的問題。
10.修復 websocket 自動斷開時,未重置連接狀態的問題。
11.修復 頁面分享時 Page.onShareAppMessage 回調參數沒有 webViewUrl 的問題。
12.修復 中的網頁有 iframe 導致網頁主頁面無法調用 JSSDK 的方法的問題。
13.修復 沒有校驗 iframe 中鏈接合法性的問題
14.修復 wxml style 列表無法滾動到底部的問題。
15.修復 wxml 大量節點更新時導致調試器整體卡頓的問題。
16.修復 wxml 顯示嵌套 出錯的問題。
17.修復 wx.authorize 用戶拒絕依然回調 ok 的問題。
18.修復 自定義編譯條件預覽時自定義參數有誤的問題。
19.修復 路由 API 在目標頁面獲取的參數與客戶端不一致的問題。
20.優化 項目列表的視覺展示。
21.優化 編輯器顯示目錄樹的功能圖標位置固定。
22.優化 預覽/上傳前先計算項目代碼包大小再進行編譯打包處理,避免項目過大導致內存溢出。

猜你感興趣
天龙国际app下载