<del id="bxxbb"><dfn id="bxxbb"></dfn></del>
      <track id="bxxbb"></track>
      <big id="bxxbb"><strike id="bxxbb"><span id="bxxbb"></span></strike></big>

          系統之家首頁
          手機版
          您的位置: 首頁 > 驅動下載 > 微信web開發者工具 v1.05.2110290官方版

          微信web開發者工具 v1.05.2110290官方版微信web開發者工具 v1.05.2110290官方版

          微信web開發者工具是微信公眾平臺針對設計人員而開發的一款桌面應用,該應用可以幫助開發者更方便、更安全地開發和調試基于微信的網頁,通過模擬微信客戶端的表現,使得開發者可以方便地在PC或者Mac上進行開發和調試工作。目前微信web開發者工具可以實現以下功能:
          1、使用自己的微信號來調試微信網頁授權
          2、調試、檢驗頁面的 JS-SDK 相關功能與權限,模擬大部分 SDK 的輸入和輸出
          3、使用基于 weinre 的移動調試功能
          4、利用集成的 Chrome DevTools 協助開發
          微信web開發者工具

          基本介紹

          公眾平臺發布微信web開發者工具,可以在PC或Mac上模擬訪問微信內網頁,幫助開發者更方便地進行開發和調試。該工具界面主要由幾大部分組成,如下圖所示:

          頂部菜單欄是刷新、后退、選中地址欄等動作的統一入口,以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器,可以直接操作網頁,模擬用戶真實行為。右側上方是地址欄,用于輸入待調試的頁面鏈接,以及清除緩存按鈕。右側下方是相關的請求和返回結果,以及調試界面和登錄按鈕。
          在原有功能的基礎上,新增了兩個開發輔助功能:
          1、使用騰訊云,快速搭建小程序后臺運行環境

          2、申請測試報告,了解小程序在真實的移動設備上運行性能和運行效果

          微信web開發者工具怎么用?

          一、調試微信網頁授權
          之前在開發基于微信的網頁授權的功能時,開發者通常需要手機上輸入 URL 進而獲取用戶信息,從而進行開發和調試工作,可是因為手機的諸多限制,這個過程很不方便。 通過使用微信 web 開發者工具,從此開發者可以直接在 PC 或者 Mac 上進行這種調試了。具體操作步驟為:
          開發者可以在調試器中點擊“登錄”,使用手機微信掃碼登錄,從而使用真實的用戶身份來開發和調試微信網頁授權。請確認手機登錄頁,綁定的公眾號為“微信 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
          在微信 web 開發者工具中打開這個 URL,webview 模擬器顯示效果如圖:

          點擊“確認登錄”即可帶著用戶信息跳轉到第三方頁面,很方便的進行后續的開發和調試。
          靜默授權的 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 則會自動跳轉到第三方頁面。
          注意:如果使用了代理,需代理本身支持https直連,才能調試https頁面。
          二、模擬JSSDK權限校驗
          通過 web 開發者工具,可以模擬 JSSDK 在微信客戶端中的請求,并直觀地看到鑒權結果和 log。以微信 JSSDK DEMO 頁面為例:
          http://demo.open.weixin.qq.com/jssdk
          在調試器中打開該 URL,可以方便地在右側的 JS-SDK Tab 中看到當前頁面 wx.config 的校驗情況和 JSSDK 的調用 log。 如下是校驗通過的頁面:

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

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

          三、移動調試
          移動調試功能是基于 weinre 的,并且做了一些改進,相比直接使用 weinre 有兩個優點:
          無須手工在頁面中加入 weinre 調試腳本
          可以在 weinre 的網絡請求頁卡中,看到完整的 http 請求 log,非局限于 ajax 請求
          如下圖所示:

          注意,移動調試功能暫不支持https。
          四、Chrome DevTools
          微信web開發者工具集成了 Chrome DevTools。同之前在 PC 上的調試體驗一致,可以快速上手。
          如下圖所示:

          更新日志

          v1.05.2110290版本
          A 新增 小程序支持自動化測試
          A 新增 預覽當前頁面
          A 增加 云控制臺中監控圖表的數據總和顯示
          A 新增 setTabBarItem 支持臨時文件和網絡路徑 反饋詳情
          A 新增 公眾號調試網址欄下拉菜單點擊URL路徑后自動跳轉
          A 新增 通用設置——使用GPU加速模式(默認關閉)
          A 新增 云開發控制臺支持黑色主題
          A 新增 云開發控制臺支持購買和變更套餐 查看文檔
          A 新增 版本管理支持直接 checkout 遠程分支
          U 優化 文件監聽模塊
          U 優化 體驗評分 UI
          U 優化 非 miniprogramRoot 目錄下文件的修改不會觸發編譯
          F 修改 Wxml 的 text 標簽內容后頁面不能同步更新
          F 修復 調試器點擊臨時文件地址打不開的問題
          F 修復 1.02.1907160 版本小游戲分包加載異常的問題 反饋詳情
          F 修復 小游戲 websocket 連接期間切換 offline 無效的問題
          F 修復 調整模擬器窗口大小操作時鼠標指針在模擬器窗口內釋放后會失效的問題
          F 修復 backgroundColorTop/Bottom 只因在 iOS 模擬時生效
          F 修復 使用 componentGenerics 導致編譯錯誤的問題 反饋詳情
          F 修復 頂部按鈕返回首頁時首頁無法正常渲染加載的問題 反饋詳情
          F 修復 wxml 面板多個選擇器共用樣式時調試不了樣式的問題 反饋詳情
          F 修復 1.02.1907232 版可能導致 bindtap 失效的問題 反饋詳情
          F 修復 1.02.1907242 引入的 npm 自定義組件模塊引用不到的問題
          F 修復 修改語言重啟后不生效的問題
          F 修復 頁面返回 wxml 面板偽類信息丟失的問題
          F 修復 wxml 面板偽類信息匹配錯誤的問題
          F 修復 控制臺數據庫點擊數字id的記錄沒有展示的問題 反饋詳情
          F 修復 頂部按鈕返回首頁時首頁無法正常渲染加載的問題 反饋詳情
          F 修復 調整模擬器窗口大小操作時鼠標指針在模擬器窗口內釋放后會失效的問題

          下載地址

          • PC版
          下載錯誤?【投訴報錯】

          微信web開發者工具 v1.05.2110290官方版

          其他下載地址:

          引導圖片

          用戶評論

          (已有10條評論)
          您對軟件的評分:
          • 1
          • 2
          • 3
          • 4
          • 5
          • 一般
          • 還行
          • 挺好的
          • 真不錯
          • 太棒了
          表情
          注:您的評論需要經過審核才能顯示哦,請文明發言!
          還沒有評論,快來搶沙發吧!
          老熟女高潮一区二区三区
          <del id="bxxbb"><dfn id="bxxbb"></dfn></del>
              <track id="bxxbb"></track>
              <big id="bxxbb"><strike id="bxxbb"><span id="bxxbb"></span></strike></big>