微信開(kāi)發(fā)者工具是一款專門針對(duì)于微信后臺(tái)設(shè)計(jì)開(kāi)發(fā)人員打造的微信調(diào)試工具。微信開(kāi)發(fā)者工具能幫助微信后臺(tái)頁(yè)面的開(kāi)發(fā)者更便捷安全地調(diào)試微信內(nèi)的網(wǎng)頁(yè)，而無(wú)需去借助一些模擬類軟件。微信開(kāi)發(fā)者工具開(kāi)發(fā)原理是集成了Chrome DevTools和基本的移動(dòng)調(diào)試模塊，可進(jìn)行微信內(nèi)網(wǎng)頁(yè)調(diào)試與微信小程序調(diào)試。

微信開(kāi)發(fā)者工具軟件功能

可在線登錄用戶微信，進(jìn)行模擬真實(shí)瀏覽調(diào)試網(wǎng)頁(yè)。

檢驗(yàn)頁(yè)面JSSDK功能權(quán)限，模擬大部分SDK的輸入和輸出。

集成的Chrome DevTools與基本的移動(dòng)調(diào)試模塊助力用戶的開(kāi)發(fā)。

小程序項(xiàng)目、公眾號(hào)項(xiàng)目，獨(dú)立分開(kāi)。

微信開(kāi)發(fā)者工具界面模塊

1、軟件頂部菜單欄是刷新、后退、選中地址欄等動(dòng)作的統(tǒng)一入口，以及微信客戶端版本的模擬設(shè)置頁(yè)。

2、左側(cè)是微信的 webview 模擬器，可以直接操作網(wǎng)頁(yè)，模擬用戶真實(shí)行為。

3、右側(cè)上方是地址欄，用于輸入待調(diào)試的頁(yè)面鏈接，以及清除緩存按鈕。

4、右側(cè)下方是相關(guān)的請(qǐng)求和返回結(jié)果，以及調(diào)試界面和登錄按鈕。

設(shè)置：

外觀設(shè)置：控制編輯器的配色主題、字體、字號(hào)、行距

編輯設(shè)置：控制文件保存的行為，編輯器的表現(xiàn)

代理設(shè)置：選擇直連網(wǎng)絡(luò)、系統(tǒng)代理和手動(dòng)設(shè)置代理

通知設(shè)置：設(shè)置是否接受某種類型的通知

工具欄

點(diǎn)擊用戶頭像可以打開(kāi)個(gè)人中心，在這里可以便捷的切換用戶和查看開(kāi)發(fā)者工具收到的消息。

用戶頭像右側(cè)是控制主界面模塊顯示/隱藏的按鈕。至少需要有一個(gè)模塊顯示。

工具欄中間，可以選擇普通編譯，也可以新建并選擇自定義條件進(jìn)行編譯和預(yù)覽。

通過(guò)切后臺(tái)按鈕，可以模擬小程序進(jìn)入后臺(tái)的情況

工具欄上提供了清緩存的快速入口?？梢员憬莸那宄ぞ呱系奈募彺?、數(shù)據(jù)緩存、還有后臺(tái)的授權(quán)數(shù)據(jù)，方便開(kāi)發(fā)者調(diào)試。

工具欄右側(cè)是開(kāi)發(fā)輔助功能的區(qū)域，在這里可以上傳代碼、版本管理、查看項(xiàng)目詳情

工具欄管理

在工具欄上點(diǎn)擊鼠標(biāo)右鍵，可以打開(kāi)工具欄管理

微信開(kāi)發(fā)者工具安裝步驟

1.在本站下載微信開(kāi)發(fā)者工具官方版安裝包，解壓后，雙擊exe程序，進(jìn)入安裝向?qū)?，單擊下一?

2.閱讀許可協(xié)議，單擊我接受

3.點(diǎn)擊“瀏覽”選擇安裝文件夾，一般默認(rèn)安裝在電腦C盤，推薦安裝在D盤，單擊安裝

4.軟件正在安裝，請(qǐng)耐心等待

5.微信開(kāi)發(fā)者工具安裝完成，單擊完成退出安裝向?qū)?

安裝小結(jié)：首先在本站下載好微信開(kāi)發(fā)者工具的軟件安裝包，解壓后打開(kāi)exe文件，進(jìn)入安裝向?qū)?。根?jù)提示按步驟進(jìn)行安裝，安裝時(shí)可選擇默認(rèn)安裝位置安裝，也可以自定義安裝位置。勾選好相應(yīng)的快捷方式后，進(jìn)入安裝程序，稍作等待后即可安裝完成，暢享這款軟件。

微信開(kāi)發(fā)者工具使用方法

首先微信掃碼登錄進(jìn)入軟件。

然后選擇你想進(jìn)行開(kāi)發(fā)設(shè)計(jì)的項(xiàng)目，公眾號(hào)項(xiàng)目或者是小程序項(xiàng)目。

根據(jù)自己的需求，在小程序、小游戲點(diǎn)擊新建或者導(dǎo)入項(xiàng)目制作新的程序。

然后選擇公眾號(hào)網(wǎng)頁(yè)功能可以對(duì)公眾號(hào)進(jìn)行WEB進(jìn)行功能調(diào)試。

最后進(jìn)入即可進(jìn)行開(kāi)發(fā)設(shè)計(jì)。

微信開(kāi)發(fā)者工具常見(jiàn)問(wèn)題

1.微信開(kāi)發(fā)者工具怎么導(dǎo)入項(xiàng)目?

首先打開(kāi)微信開(kāi)發(fā)者工具軟件，選擇你要進(jìn)行設(shè)計(jì)的項(xiàng)目;

點(diǎn)擊上方的“導(dǎo)入項(xiàng)目”選項(xiàng);

點(diǎn)擊目錄下拉框，即可選擇需要導(dǎo)入的代碼;

確認(rèn)好項(xiàng)目名稱和APPID，點(diǎn)擊“導(dǎo)入”;

導(dǎo)入完成。

2.微信開(kāi)發(fā)者工具用的是什么語(yǔ)言?

微信開(kāi)發(fā)者工具用的是NW.js，比較復(fù)雜的代碼語(yǔ)言。

3.微信開(kāi)發(fā)者工具怎么調(diào)試公眾號(hào)?

首先選擇一個(gè)合適的接口，系統(tǒng)會(huì)自動(dòng)生成此接口的參數(shù)表;

在文本框內(nèi)填入相應(yīng)的參數(shù)值;

點(diǎn)擊檢查問(wèn)題按鈕，便可得到相應(yīng)的調(diào)試信息。

微信開(kāi)發(fā)者工具更新日志

1.06系列版本不再支持 Windows7，建議開(kāi)發(fā)者升級(jí) Windows 版本

A 新增 編輯器場(chǎng)景推薦

A 新增 模板庫(kù)創(chuàng)建小程序

A 新增 云開(kāi)發(fā)未使用資源包支持七天內(nèi)退款

A 新增 預(yù)覽、真機(jī)調(diào)試和上傳時(shí)，增加空模板檢查提示。

A 新增 補(bǔ)充了部分設(shè)備無(wú)關(guān)的 getSystemInfo 字段

A 新增 支持導(dǎo)入來(lái)自 vscode 已安裝的擴(kuò)展

A 新建快速啟動(dòng)模版時(shí)附帶一個(gè)默認(rèn)的 eslintrc 文件

A 新增 兩種工具啟動(dòng)時(shí)打開(kāi)項(xiàng)目的方式

A 新增 代碼建議中提供服務(wù)接口推薦

A 新增 支持在編輯器面板上展示 console 的警告和錯(cuò)誤數(shù)

A 新增 新增 wxml 壓縮的灰度策略

A 新增 本地設(shè)置面板新增 wxml 文件壓縮開(kāi)關(guān)，修改樣式文件和腳本文件開(kāi)關(guān)的wording

A 新增 支持通過(guò) project.config.json -> setting -> disableUseStrict 配置全局禁用嚴(yán)格模式

A 新增 云開(kāi)發(fā)未使用資源包支持七天內(nèi)退款

A 新增 編譯模塊新增 wxml 壓縮，實(shí)現(xiàn)wxmlparser，壓縮注釋和部分多余空字符

A 新增 WXML 方法和樣式補(bǔ)全時(shí)，支持從 ts, less, sass 文件獲取補(bǔ)全信息。

A 新增 模擬器支持 iPhone12 機(jī)型

A 新增 調(diào)試器支持 wxss 的map信息

A 新增 工具原生支持Typescript

A 新增 Typescript + Less 小程序模板

A 新增 Typescript + Sass 小程序模板

U 優(yōu)化 工具更新機(jī)制優(yōu)化

U 優(yōu)化 WXML 中 {{mustache}} 內(nèi)容的代碼高亮

U 優(yōu)化 可視化編輯模式支持模擬器彈出

U 優(yōu)化 更新 Typescript 項(xiàng)目模板

U 優(yōu)化 代碼靜態(tài)依賴分析支持根據(jù) project.config.json 中 packOptions.ignore 配置選項(xiàng)忽略文件

U 更新 編譯和壓縮 wxss 文件所依賴第三方庫(kù)的版本

U 優(yōu)化 終止模擬器時(shí)關(guān)閉 apiHost 進(jìn)程

U 優(yōu)化 彈出的模擬器窗口關(guān)閉時(shí)保持主界面的模擬器的顯示狀態(tài)

U 升級(jí)云函數(shù)基礎(chǔ)環(huán)境至 NodeJS 12.16

U 優(yōu)化 工具對(duì) TypeScript + Less 模板 和 TypeScript + Sass 模板的支持。

F 修復(fù) 多帳號(hào)調(diào)試窗口 getUserProfile 白屏的問(wèn)題

F 修復(fù) wxml 壓縮移除注釋導(dǎo)致無(wú)法上傳預(yù)覽的問(wèn)題

F 修復(fù) windows 調(diào)試器無(wú)法保存設(shè)置的問(wèn)題 反饋詳情

F 修復(fù) compiler 模塊沒(méi)有根據(jù) app.json 尋找 sitemap.json 的問(wèn)題

F 修復(fù) 預(yù)覽時(shí)自定義命令處理失敗

F 修復(fù) 小游戲編譯多次內(nèi)存快速上漲的問(wèn)題

F 修復(fù) 創(chuàng)建「其他」項(xiàng)目后，項(xiàng)目列表不刷新的問(wèn)題

F 修復(fù) 代碼保護(hù)報(bào)錯(cuò)導(dǎo)致上傳失敗的bug

F 修復(fù) 公眾號(hào)網(wǎng)頁(yè)調(diào)試窗口關(guān)閉之后入口頁(yè)無(wú)法出現(xiàn)

F 新增 編輯器設(shè)置支持云同步

F 修復(fù) 項(xiàng)目窗口打開(kāi)是企業(yè)微信模式時(shí)的部分問(wèn)題

F 修復(fù) 較長(zhǎng)時(shí)間后版本管理可能刷新失敗的問(wèn)題

F 修復(fù) TCP合法域名沒(méi)有校驗(yàn)的問(wèn)題

F 修復(fù) 真機(jī)調(diào)試1.0 橫屏情況下 WXML 無(wú)法顯示的問(wèn)題 反饋詳情

F 修復(fù) 調(diào)用藍(lán)牙接口的時(shí)候會(huì)發(fā)生 crash 的問(wèn)題

F 修復(fù) 修復(fù) text 標(biāo)簽內(nèi)>識(shí)別錯(cuò)誤的問(wèn)題

F 修復(fù) 其他項(xiàng)目窗口下部分快捷鍵可能失效的問(wèn)題

F 修復(fù) WXML 使用 emmet 語(yǔ)法自動(dòng)生成了 div 標(biāo)簽的問(wèn)題

F 修復(fù) 重命名多個(gè)文件的大小寫形式時(shí)可能失敗的問(wèn)題

F 修復(fù) 清除文件緩存后調(diào)用 downloadFile 會(huì)失敗的問(wèn)題 反饋詳情

F 修復(fù) WXML 中 style 屬性部分內(nèi)容可能提示語(yǔ)法錯(cuò)誤的問(wèn)題

F 修復(fù) 自動(dòng)創(chuàng)建 ts 文件的bug。反饋詳情

F 修復(fù) 熱重載 js 時(shí) sourcemap 的相關(guān)問(wèn)題

F 修復(fù) 預(yù)覽或上傳時(shí)，可能會(huì)報(bào)’Unknown browser query’的錯(cuò)誤 反饋詳情

F 修復(fù) 分享朋友圈后點(diǎn)擊跳轉(zhuǎn)小程序無(wú)法回到正確頁(yè)面問(wèn)題

F 修復(fù) 小包更新后，降級(jí)安裝使用的還是小包更新的版本的問(wèn)題

F 修復(fù) 打開(kāi)項(xiàng)目后再次雙擊工具導(dǎo)致退出項(xiàng)目的問(wèn)題

F 修復(fù) WXML 面板選取元素可能失敗的問(wèn)題

F 修復(fù) summer 真機(jī)調(diào)試不支持的bug

F 修復(fù) 小游戲多賬號(hào)調(diào)試時(shí)加載分包可能失效的問(wèn)題

F 修復(fù) 小游戲加載分包時(shí)沒(méi)有觸發(fā) onProgressUpdate 的問(wèn)題

F 修復(fù) 熱重載修改樣式后 wxml 里沒(méi)有體現(xiàn)

F 修復(fù) windows 設(shè)置使用系統(tǒng)代理失敗的問(wèn)題