小程序代碼怎么在開發者工具中打開?
開發者工具有三個模塊。小程序模擬器,小程序編輯器,小程序調試器。每個模塊都有不同的功能。調試器的功能類似于瀏覽器中頁面的review元素。我們可以在元素模式框中修改屬性,可以看到頁面相關屬性的變化,找到相關的頁面樣式文件。小程序開發工具的調試器也是這樣的。
開發者工具-
調試器
調試器分為六個功能模塊:Wxml、控制臺、源代碼、網絡、Appdata和存儲。
Wxml
Wxml用于幫助開發者開發Wxml轉換后的界面。在這里,您可以看到真正的頁面結構及其相應的wxss屬性。同時,通過修改相應的wxss屬性,可以在模擬器中實時看到修改情況。通過調試模塊左上角的選擇器,還可以快速找到頁面中組件對應的wxml代碼。
來源
Sourc
開發者工具怎么用?
應該先下載官方的開發者工具。打開公眾平臺(),找到右下角的applet模塊,點擊"發展與創新按鈕;
單擊"工具"按鈕在頂部導航欄和查找"下載"在新頁面的左欄。可以看到,開發工具提供了三個版本:Windows32位、Windows64位和Mac。可以根據實際情況選擇適合自己電腦的開發工具。
安裝完成后,可以直接啟動開發者工具。如果是第一次啟動開發者工具,需要使用developers號掃碼登錄。登錄后,單擊"添加項目按鈕,并填寫AppID(如果沒有,單擊NoAppID)和項目名稱。然后,點擊"選擇"在項目目錄中創建新文檔。文件夾作為新的項目目錄。然后點擊"添加項目同樣,你可以創建一個新的小程序項目。
開發者工具分為編輯、調試、項目三個部分。
調試:顯示小程序代碼錯誤和警告,以便于調試代碼錯誤。
項目:用于查看小程序屬性,修改小程序配置,提交小程序代碼到服務器。
開發工具還提供了一個簡單的模擬器(在頁面的左側)。開發者可以使用模擬器來模擬用戶點擊和使用,并提供諸如背景情況模擬、多媒體播放器調試和數據緩存等功能。