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

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

開發者工具-

調試器

調試器分為六個功能模塊:Wxml、控制臺、源代碼、網絡、Appdata和存儲。

Wxml

Wxml用于幫助開發者開發Wxml轉換后的界面。在這里，您可以看到真正的頁面結構及其相應的wxss屬性。同時，通過修改相應的wxss屬性，可以在模擬器中實時看到修改情況。通過調試模塊左上角的選擇器，還可以快速找到頁面中組件對應的wxml代碼。

來源

開發者工具輸入框怎么寫

Sourc;的第一步是雙擊打開小程序開發工具，新建一個小程序項目。

第二步，在wxml文件中，添加一個輸入輸入框，添加失去焦點的bindblur。

第三步，在對應的Javascript文件中添加輸入框失去焦點的事件，獲取輸入框的值。

第四步，保存代碼，在左邊查看界面效果，可以看到一個輸入框。

第五步，在輸入框中輸入手機號碼，然后在內置瀏覽器中查看打印結果值。

第六步，然后修改輸入框中輸入的內容，再看一下打印出來的結果值，就可以發現值變了。