開發(fā)者工具，小程序，怎么用？

要打開開發(fā)者工具，你必須是小程序的管理員，為小程序?qū)懘a，掃碼，登錄。進(jìn)入后，選擇小程序。之后會(huì)有三個(gè)框讓你填寫開發(fā)者工具，包括項(xiàng)目目錄，appid，項(xiàng)目名稱。只需在目錄中創(chuàng)建一個(gè)空白文件。appID是小程序的appID，隨便填項(xiàng)目名。最好填寫小程序名稱，以便區(qū)分。這些完成后，開發(fā)者工具會(huì)自動(dòng)生成小程序的框架。可以在原框架內(nèi)做二次編程，所以我贏了關(guān)于這個(gè)我不能說太多，它的大小在2M境內(nèi)。如果你上傳了一個(gè)代碼包，這和上面的步驟是一樣的。在項(xiàng)目目錄中選擇您的代碼包，單擊OK，然后預(yù)覽它。沒有問題。上傳就行了，然后在小程序后臺(tái)提交審核。如果代碼是開發(fā)者給你開發(fā)的，他會(huì)給你一個(gè)背景。只需要登錄第三方就可以添加模塊和編輯信息。

小程序代碼怎么在開發(fā)者工具中打開？

開發(fā)者工具有三個(gè)模塊。小程序模擬器，小程序編輯器，小程序調(diào)試器。每個(gè)模塊都有不同的功能。調(diào)試器的功能類似于瀏覽器中頁(yè)面的review元素。我們可以在元素模式框中修改屬性，可以看到頁(yè)面相關(guān)屬性的變化，找到相關(guān)的頁(yè)面樣式文件。小程序開發(fā)工具的調(diào)試器也是這樣的。

開發(fā)者工具-

調(diào)試器

調(diào)試器分為六個(gè)功能模塊:Wxml、控制臺(tái)、源代碼、網(wǎng)絡(luò)、Appdata和存儲(chǔ)。

Wxml

Wxml用于幫助開發(fā)者開發(fā)Wxml轉(zhuǎn)換后的界面。在這里，您可以看到真正的頁(yè)面結(jié)構(gòu)及其相應(yīng)的wxss屬性。同時(shí)，通過修改相應(yīng)的wxss屬性，可以在模擬器中實(shí)時(shí)看到修改情況。通過調(diào)試模塊左上角的選擇器，還可以快速找到頁(yè)面中組件對(duì)應(yīng)的wxml代碼。

來源

Sources用于顯示當(dāng)前項(xiàng)目的腳本文件。與瀏覽器開發(fā)不同，小程序框架會(huì)編譯腳本文件，所以開發(fā)者在源碼中看到的文件都是經(jīng)過處理的腳本文件，開發(fā)者的代碼將被包裝在define函數(shù)中，對(duì)于頁(yè)面代碼，最后會(huì)有一個(gè)require的主動(dòng)調(diào)用。

網(wǎng)絡(luò)

Netwrok用于觀察和顯示請(qǐng)求和套接字請(qǐng)求。

Appdata

Appdata用于實(shí)時(shí)顯示當(dāng)前項(xiàng)目當(dāng)前時(shí)刻appdata的具體數(shù)據(jù)。反饋項(xiàng)目數(shù)據(jù)。你可以在這里編輯數(shù)據(jù)，并及時(shí)反饋到界面。

儲(chǔ)存；儲(chǔ)備

存儲(chǔ)用于顯示當(dāng)前項(xiàng)目或未來數(shù)據(jù)存儲(chǔ)的使用情況。

安慰

控制臺(tái)有兩個(gè)功能:

開發(fā)人員可以在這里輸入和調(diào)試代碼。

此處將顯示小程序的錯(cuò)誤輸出。