微信Web開發(fā)者工具

微信開發(fā)者工具是專為微信后臺(tái)開發(fā)人員打造的一款微信調(diào)試工具，軟件集成了Chrome DevTools和基本的移動(dòng)調(diào)試模塊，能夠模擬微信客戶端，在電腦上調(diào)試制作網(wǎng)頁(yè)，完成小程序的 API 和頁(yè)面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能，幫助微信后臺(tái)頁(yè)面的開發(fā)者更便捷安全地調(diào)試微信內(nèi)的網(wǎng)頁(yè)，而無(wú)需去借助一些模擬類軟件，幫助開發(fā)者更方便、更安全地開發(fā)和調(diào)試基于微信的網(wǎng)頁(yè)，使用方便快捷！

軟件功能

菜單欄

微信web開發(fā)者工具

切換帳號(hào)：快速切換登錄用戶

關(guān)于：關(guān)于開發(fā)者工具

檢查更新：檢查版本更新

開發(fā)者論壇：前往開發(fā)者論壇

開發(fā)者文檔：前往開發(fā)者文檔

調(diào)試：調(diào)試開發(fā)者工具、調(diào)試編輯器；如果遇到疑似開發(fā)者工具或者編輯器的 bug，可以打開調(diào)試工具查看是否有出錯(cuò)日志，歡迎在論壇上反饋相關(guān)問(wèn)題

更換開發(fā)模式：快速切換公眾號(hào)網(wǎng)頁(yè)調(diào)試和小程序調(diào)試

退出：退出開發(fā)者工具

項(xiàng)目

新建項(xiàng)目：快速新建項(xiàng)目

打開最近：可以查看最近打開的項(xiàng)目列表，并選擇是否進(jìn)入對(duì)應(yīng)項(xiàng)目

查看所有項(xiàng)目：新窗口打開啟動(dòng)頁(yè)的項(xiàng)目列表頁(yè)

關(guān)閉當(dāng)前項(xiàng)目：關(guān)閉當(dāng)前項(xiàng)目，回到啟動(dòng)頁(yè)的項(xiàng)目列表頁(yè)

文件

新建文件

保存

保存所有

關(guān)閉文件

編輯：可以查看編輯相關(guān)的操作和快捷鍵

工具

編譯：編譯當(dāng)前小程序項(xiàng)目

刷新：與編譯的功能一致，由于歷史原因保留對(duì)應(yīng)的快捷鍵 ctrl(?) + R

編譯配置：可以選擇普通編譯或自定義編譯條件

前后臺(tái)切換：模擬客戶端小程序進(jìn)入后臺(tái)運(yùn)行和返回前臺(tái)的操作

清除緩存：清除文件緩存、數(shù)據(jù)緩存、以及授權(quán)數(shù)據(jù)

界面：控制主界面窗口模塊的顯示與隱藏

設(shè)置：

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

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

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

工具欄

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

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

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

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

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

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

工具欄管理

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

模擬器

模擬器可以模擬小程序在微信客戶端的表現(xiàn)。小程序的代碼通過(guò)編譯后可以在模擬器上直接運(yùn)行。

開發(fā)者可以選擇不同的設(shè)備，也可以添加自定義設(shè)備來(lái)調(diào)試小程序在不同尺寸機(jī)型上的適配問(wèn)題。

在模擬器底部的狀態(tài)欄，可以直觀地看到當(dāng)前運(yùn)行小程序的場(chǎng)景值，頁(yè)面路徑及頁(yè)面參數(shù)

獨(dú)立窗口

點(diǎn)擊 模擬器/調(diào)試器 右上角的按鈕可以使用獨(dú)立窗口顯示 模擬器/調(diào)試器

使用方法

一、下載安裝微信開發(fā)者工具并打開軟件。（版本不同，方法相同）

二、打開軟件后使用微信掃描登錄。

三、按照自己的需求可以在小程序、小游戲點(diǎn)擊新建或者導(dǎo)入項(xiàng)目制作新的程序。

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

常見(jiàn)問(wèn)題

一、微信開發(fā)者工具是干嘛的？

微信開發(fā)者工作是微信官方提供的針對(duì)微信小程序的開發(fā)工具，集中了開發(fā)，調(diào)試，預(yù)覽，上傳等功能。

二、微信開發(fā)者工具怎么導(dǎo)入圖片？

點(diǎn)擊“+”號(hào)，創(chuàng)建一個(gè)新的目錄，右鍵點(diǎn)擊新建的目錄，選擇“硬盤打開”，在目錄對(duì)應(yīng)的本機(jī)文件夾中，添加圖片資源就可以了。

三、微信開發(fā)者工具代碼怎么寫？

用戶可以根據(jù)需要查找相關(guān)的教程。

更新日志

新增 getUserInfo 接口適配檢測(cè)邏輯