字節(jié)跳動(dòng)開(kāi)發(fā)者工具官方版是一款專為小程序打造的開(kāi)發(fā)者軟件，能夠幫助用戶輕松開(kāi)發(fā)測(cè)試各種小程序，為小程序的上線提供了幫助。軟件提供了調(diào)試工具、代碼編輯、代碼檢測(cè)等工具，滿足用戶的各種小程序開(kāi)發(fā)測(cè)試功能需求。

【軟件優(yōu)勢(shì)】

　　高效的接入，一次開(kāi)發(fā)可接入字節(jié)跳動(dòng)各個(gè)App，為各類業(yè)務(wù)提供高效的場(chǎng)景搭建，以及豐富的玩法，打造最佳開(kāi)發(fā)體驗(yàn)。

　　精準(zhǔn)的分發(fā)，小程序作為一種新型的內(nèi)容載體，利用字節(jié)跳動(dòng)推薦算法與搜索能力把小程序準(zhǔn)確的推薦給用戶。

　　豐富的內(nèi)容，開(kāi)發(fā)者利用小程序更多的開(kāi)放能力與原生化的體驗(yàn)，在小程序上實(shí)現(xiàn)更多的閉環(huán)體驗(yàn)，沉淀更多有價(jià)值的用戶

【特色功能】

　　多端應(yīng)用，一套代碼、一次發(fā)布，可以在字節(jié)跳動(dòng)系A(chǔ)PP上同時(shí)運(yùn)用，讓你可以快速觸達(dá)今日頭條、抖音、西瓜視頻等平臺(tái)用戶。

　　全內(nèi)容掛載，文章、視頻、直播等多種體裁可按內(nèi)容需求和相關(guān)性掛載小程序，實(shí)現(xiàn)內(nèi)容到服務(wù)的用戶升級(jí)需求滿足。

　　信息流分發(fā)，信息流分發(fā)給小程序帶來(lái)無(wú)限擴(kuò)充的精準(zhǔn)流量，擁有優(yōu)質(zhì)內(nèi)容的小程序即可獲得超千萬(wàn)次曝光機(jī)會(huì)。

　　變現(xiàn)能力

　　為開(kāi)發(fā)者提供多種商業(yè)化變現(xiàn)方式，實(shí)現(xiàn)將流量獲取直接轉(zhuǎn)化為收入變現(xiàn)，致力于不斷提高流量變現(xiàn)效率。

　　搜索直達(dá)

　　基于搜索場(chǎng)景實(shí)現(xiàn)精準(zhǔn)拉新，搜索詞推薦直達(dá)、字節(jié)如意等多種展現(xiàn)形式，強(qiáng)化小程序形態(tài)，直觀展示小程序的服務(wù)。

　　用戶觸達(dá)

　　建立開(kāi)發(fā)者多點(diǎn)觸達(dá)用戶能力，多種可供開(kāi)發(fā)者運(yùn)營(yíng)的重訪入口，使召回率最大化，進(jìn)一步挖掘流量?jī)r(jià)值。

【使用教程】

　　新建項(xiàng)目

　　當(dāng)滿足：

　　已擁有一個(gè)字節(jié)跳動(dòng)小程序的 AppID；

　　所登錄的賬號(hào)是該 AppID 所對(duì)應(yīng)小程序的開(kāi)發(fā)者。

　　可以選擇窗口中央的「創(chuàng)建一個(gè)頭條小程序」，或點(diǎn)擊右下角的「新建」按鈕，新建工程。

　　選擇項(xiàng)目類型：小程序或小游戲（一旦選擇無(wú)法更改）。

　　選擇一個(gè)空目錄，作為工程目錄。當(dāng)選擇空目錄時(shí)，可以選擇是否在該目錄下生成一個(gè)簡(jiǎn)單的項(xiàng)目。

　　appId 需要在公眾平臺(tái)管理后臺(tái)獲取。

　　主界面

　　圖中所示分別為：工具欄、模擬器、編輯器、調(diào)試器四大部分。

　　窗口菜單欄

　　小程序：可以查看開(kāi)發(fā)者工具版本號(hào)

　　項(xiàng)目：支持打開(kāi)「開(kāi)發(fā)者工具」本身的調(diào)試器

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

　　工具欄

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

　　刷新頁(yè)面：刷新當(dāng)前頁(yè)面

　　清除緩存：可以清除文件緩存、數(shù)據(jù)緩存、登錄狀態(tài)和授權(quán)數(shù)據(jù)

　　上傳：填入 app 版本號(hào)及更新日志，上傳小程序應(yīng)用內(nèi)容到服務(wù)器

　　預(yù)覽：生成二維碼，預(yù)覽已上傳版本

　　詳情：展示當(dāng)前小程序的 appid、user_id、本地目錄、文件系統(tǒng)、基礎(chǔ)版本與編譯版本，并可以設(shè)置校驗(yàn) TLS 版本以及 HTTPS 證書(shū)

　　點(diǎn)擊「模擬器」、「編輯器」、「調(diào)試器」三個(gè)按鈕可以隱藏/顯示相應(yīng)的模塊，界面中至少有一個(gè)模塊被顯示。

　　模擬器

　　模擬器模擬頭條小程序在客戶端真實(shí)的邏輯表現(xiàn)，對(duì)于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。開(kāi)發(fā)者可以選擇不同的設(shè)備，調(diào)試小程序在不同尺寸機(jī)型上的適配問(wèn)題。

　　編輯器

　　編輯器模塊內(nèi)可以對(duì)當(dāng)前項(xiàng)目進(jìn)行代碼編寫和文件的添加、刪除以及重命名等基本操作。

　　文件格式：因 iOS 下僅支持 UTF8 編碼格式，最新版本的開(kāi)發(fā)者工具會(huì)在上傳代碼時(shí)候?qū)Υa文件做一次編碼格式校驗(yàn)。

　　文件支持：工具目前提供了 5 種文件的編輯：ttml、ttss、js、json 以及圖片文件的預(yù)覽。

　　文件操作：可以通過(guò)在目錄樹(shù)上右鍵，選擇新建 Page，將自動(dòng)生成頁(yè)面所需要的 ttml、ttss、js、json，及在 app.json 的 pages 字段，添加需要新建的頁(yè)面的路徑，將會(huì)自動(dòng)生成該頁(yè)面所需要的文件，兩種方式新建頁(yè)面。

　　目錄樹(shù)：可以查看當(dāng)前項(xiàng)目的目錄結(jié)構(gòu)。

　　調(diào)試器

　　調(diào)試工具分為 6 大功能模塊：Bxml、Console、Sources、Network、Application、Performance

　　自定義編譯條件

　　編譯條件會(huì)讀取 project.config.json 中的 condition 字段下的相關(guān)配置，方便導(dǎo)入編譯條件。

　　點(diǎn)擊工具欄的普通編譯處，在下拉列表中，點(diǎn)擊添加編譯模式，會(huì)彈出填寫編譯條件窗口，添加自己的定制化的編譯條件。

　　在彈出的窗口中，添加模式名稱，啟動(dòng)頁(yè)面，啟動(dòng)參數(shù)以及進(jìn)入場(chǎng)景幾個(gè)字段，點(diǎn)擊確認(rèn)，生成新的編譯條件。

　　上傳提審

　　點(diǎn)擊工具欄的"上傳"按鈕，填寫版本號(hào)（版本號(hào)不能重復(fù)，需在上一個(gè)版本號(hào)上加 1）, 填寫更新日志，點(diǎn)擊確認(rèn)上傳至開(kāi)發(fā)者平臺(tái)。

　　上傳完成后，進(jìn)入開(kāi)發(fā)者平臺(tái)=》發(fā)布頁(yè)面進(jìn)行提審

　　Bxml panel

　　Bxml panel 用于幫助開(kāi)發(fā)者開(kāi)發(fā) ttml 轉(zhuǎn)化后的界面。在這里可以看到真實(shí)的頁(yè)面結(jié)構(gòu)以及結(jié)構(gòu)對(duì)應(yīng)的 ttss 屬性，同時(shí)可以通過(guò)修改對(duì)應(yīng) ttss 屬性，在模擬器中實(shí)時(shí)看到修改的情況（僅為實(shí)時(shí)預(yù)覽，無(wú)法保存到文件）。通過(guò)調(diào)試模塊左上角的選擇器，還可以快速定位頁(yè)面中組件對(duì)應(yīng)的 ttml 代碼。

　　Console panel

　　開(kāi)發(fā)者可以在此調(diào)試代碼。

　　Sources panel

　　Sources panel 用于顯示當(dāng)前項(xiàng)目的腳本文件，同瀏覽器開(kāi)發(fā)不同，小程序框架會(huì)對(duì)腳本文件進(jìn)行編譯的工作，所以在 Sources panel 中開(kāi)發(fā)者看到的文件是經(jīng)過(guò)處理之后的腳本文件，開(kāi)發(fā)者的代碼都會(huì)被包裹在 define 函數(shù)中，并且對(duì)于 Page 代碼，在尾部會(huì)有 require 的主動(dòng)調(diào)用。

　　Network panel

　　Network Panel 用于觀察和顯示 request 和 socket 的請(qǐng)求情況。

　　AppData panel

　　AppData panel 用于展示以及修改當(dāng)前 page 的 data 屬性

　　Storage panel

　　可以查看 Storage 存儲(chǔ)情況。

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

　　解決字節(jié)跳動(dòng)開(kāi)發(fā)者工具安裝無(wú)法打開(kāi)問(wèn)題

　　下載字節(jié)跳動(dòng)開(kāi)發(fā)者工具 下載之后 點(diǎn)擊安裝 默認(rèn)安裝到

　　C:\Users\你的電腦名稱\AppData\Local\Programs\bytedanceide

　　目錄下 但是點(diǎn)擊打開(kāi) 彈窗報(bào)紅色錯(cuò)誤如下圖：

　　解決方法：

　　C:\Users\你的電腦名稱\AppData\Roaming 目錄下新建 bytedanceide 文件夾

　　然后 bytedanceide 文件夾下面新建 tmadevtool 文件夾

　　然后 tmadevtool 文件夾下面新建一個(gè)名為 projectInfo 的無(wú)后綴的文件

　　就這么輕松解決啦

　　重新打開(kāi)字節(jié)跳動(dòng)開(kāi)發(fā)者工具 一切正常！！！

【更新內(nèi)容】

　　重構(gòu)了 IDE 樣式

　　刪除了若干冗余菜單

　　修復(fù)了 windows 下搜索異常的問(wèn)題

　　修復(fù)了 css 中使用 background-image 訪問(wèn)本地資源異常的問(wèn)題

　　修復(fù)了部分小程序預(yù)覽圖顯示異常的問(wèn)題

　　修復(fù)了部分 API 的權(quán)限混亂問(wèn)題

　　修復(fù)了自定義編譯條件讀取失敗的問(wèn)題

　　修復(fù)了啟動(dòng)參數(shù)未生效的問(wèn)題

　　修復(fù)了 IDE 多開(kāi)模擬器顯示異常的問(wèn)題