微信web開(kāi)發(fā)者工具M(jìn)ac版1.02.1808300 官方版

微信web開(kāi)發(fā)者工具M(jìn)ac版是一款為蘋(píng)果用戶(hù)開(kāi)發(fā)的小程序開(kāi)發(fā)工具，用戶(hù)可以在這里進(jìn)行更方便、更安全地開(kāi)發(fā)和調(diào)試基于微信的網(wǎng)頁(yè)，讓你快速制作一個(gè)自己的小程序。

軟件功能

1、使用自己的微信號(hào)來(lái)調(diào)試微信網(wǎng)頁(yè)授權(quán)

2、調(diào)試、檢驗(yàn)頁(yè)面的 JS-SDK 相關(guān)功能與權(quán)限，模擬大部分 SDK 的輸入和輸出

3、使用基于 weinre 的移動(dòng)調(diào)試功能

4、利用集成的 Chrome DevTools 協(xié)助開(kāi)發(fā)

使用教程

啟動(dòng)頁(yè)

登錄頁(yè)

在登錄頁(yè)，可以使用微信掃碼登陸開(kāi)發(fā)者工具，開(kāi)發(fā)者工具將使用這個(gè)微信帳號(hào)的信息進(jìn)行小程序的開(kāi)發(fā)和調(diào)試。

模式選擇

開(kāi)發(fā)者工具提供兩種開(kāi)發(fā)模式的選擇。

公眾號(hào)網(wǎng)頁(yè)調(diào)試。選擇公眾號(hào)網(wǎng)頁(yè)調(diào)試，將直接進(jìn)入公眾號(hào)網(wǎng)頁(yè)項(xiàng)目調(diào)試界面，在地址欄輸入 URL，即可調(diào)試該網(wǎng)頁(yè)的微信授權(quán)以及微信 JS-SDK 功能。

小程序調(diào)試。選擇小程序調(diào)試，將進(jìn)入小程序本地項(xiàng)目管理頁(yè)，可以新建、刪除本地的項(xiàng)目，或者選擇進(jìn)入已存在的本地項(xiàng)目。

新建項(xiàng)目

當(dāng)符合以下條件時(shí)，可以在本地創(chuàng)建一個(gè)小程序項(xiàng)目

需要一個(gè)小程序的 AppID；如沒(méi)有 AppID，可以選擇申請(qǐng)使用測(cè)試號(hào)。

登錄的微信號(hào)需要是該 AppID 的開(kāi)發(fā)者；

需要選擇一個(gè)空目錄，或者選擇的非空目錄下存在 app.json 或者 project.config.json。當(dāng)選擇空目錄時(shí)，可以選擇是否在該目錄下生成一個(gè)簡(jiǎn)單的項(xiàng)目。

多開(kāi)項(xiàng)目

工具支持同時(shí)打開(kāi)多個(gè)項(xiàng)目，每次打開(kāi)項(xiàng)目時(shí)會(huì)從新窗口打開(kāi)，入口有以下幾種：

從項(xiàng)目選擇頁(yè)打開(kāi)項(xiàng)目，處于項(xiàng)目窗口時(shí)可以從菜單欄的項(xiàng)目 -> 查看所有項(xiàng)目打開(kāi)項(xiàng)目選擇頁(yè)

從菜單欄的最近打開(kāi)項(xiàng)目列表中打開(kāi)的項(xiàng)目會(huì)從新窗口打開(kāi)

新建項(xiàng)目

命令行或 HTTP 調(diào)用工具打開(kāi)項(xiàng)目

管理項(xiàng)目

對(duì)本地項(xiàng)目進(jìn)行刪除和批量刪除

主界面

開(kāi)發(fā)者工具主界面，從上到下，從左到右，分別為：菜單欄、工具欄、模擬器、編輯器、調(diào)試器 五大部分。

菜單欄

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

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

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

檢查更新：檢查版本更新

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

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

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

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

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

項(xiàng)目

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

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

查看所有項(xiàng)目：新窗口打開(kāi)啟動(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)切換：模擬客戶(hù)端小程序進(jìn)入后臺(tái)運(yùn)行和返回前臺(tái)的操作

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

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

設(shè)置：

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

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

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

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

工具欄

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

用戶(hù)頭像右側(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ū)域，在這里可以上傳代碼、申請(qǐng)測(cè)試、上傳騰訊云、查看項(xiàng)目信息

工具欄管理

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

模擬器

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

開(kāi)發(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)試器