微信開發(fā)者工具是干嘛的？是為解決開發(fā)者簡單的和高效地開發(fā)和調試小程序，在縮小的公眾號網(wǎng)頁調試工具的基礎上，會推出了全新的開發(fā)者工具，板載顯卡了公眾號網(wǎng)頁調試和小程序調試兩種開發(fā)模式?？梢允褂霉娞柧W(wǎng)頁

微信開發(fā)者工具是干嘛的？

是為解決開發(fā)者簡單的和高效地開發(fā)和調試小程序，在縮小的公眾號網(wǎng)頁調試工具的基礎上，會推出了全新的開發(fā)者工具，板載顯卡了公眾號網(wǎng)頁調試和小程序調試兩種開發(fā)模式。

可以使用公眾號網(wǎng)頁調試，開發(fā)者可以不軟件調試網(wǎng)頁直接授權和-SDK詳情

可以使用小程序調試，開發(fā)者這個可以成功小程序的API和頁面的開發(fā)調試、代碼查找和編輯、小程序預覽和公告等功能。

微信開發(fā)者工具輸入框怎么寫

不過在此之前，鼠標雙擊然后打開小程序開發(fā)工具，新建一個小程序項目

第二步，在wxml文件中，直接添加一個input輸入框，并添加死去焦點bindblur

第四步，在按的JavaScript文件中，添加輸入框沒了焦點事件，資源輸入框的值

第四步，存放代碼并在左側查找界面效果，也可以打開系統(tǒng)到一個輸入框

第五步，在輸入框輸入手機號，后再在內置瀏覽器中打開系統(tǒng)打印出來結果值

第六步，接著如何修改輸入框再輸入的內容，又一次打開系統(tǒng)不打印結果值，這個可以才發(fā)現(xiàn)值不可能發(fā)生了改變，

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

開發(fā)者工具有三大模塊。小程序模擬器、小程序編輯器、小程序調試器。每個模塊都有有所不同的作用。調試器的功能的的瀏覽器里頁面的審查元素，我們在元素調式框里修改屬性，可以不打開系統(tǒng)到頁面去相關屬性的變化，不能找到相關的頁面樣式文件。小程序開發(fā)工具的調試器都是這樣子。

開發(fā)者工具-

調試器

調試器兩類6大功能模塊：Wxml、Console、Sources、Network、Appdata、StorageWxmlWxml用于指導開發(fā)者變更土地性質Wxml轉化后的界面。在這里看的到神秘的頁面結構這些結構隨機的wxss屬性，而是可以按照如何修改填寫wxss屬性，在模擬器中實時見到可以修改的情況。是從調試模塊左上角的選擇器，還可以不飛速能找到頁面中組件填寫的wxml代碼。

Sources

Sources用于顯示當前項目的腳本文件，同瀏覽器開發(fā)有所不同，小程序框架會對腳本文件接受編譯的工作，所以我在Sources中開發(fā)者見到的文件是經(jīng)由處理之后的腳本文件，開發(fā)者的代碼都會被包裹在define函數(shù)中，但是對于Page代碼，在尾部會有require的主動動態(tài)鏈接庫。

Network

Netwrok主要是用于仔細和沒顯示request和socket的請求情況

Appdata

Appdata主要是用于沒顯示當前項目當前時刻appdata具體數(shù)據(jù)，動態(tài)實時地反饋項目數(shù)據(jù)情況，可以不在此處編輯數(shù)據(jù)，并趕快地反饋到界面上。

Storage

Storage作用于會顯示當前項目的使用或者后的數(shù)據(jù)存儲情況。

ConsoleConsole有兩大功能：

開發(fā)者也可以在此再輸入和調試代碼

小程序的出現(xiàn)了錯誤輸出，會會顯示在此處