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

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

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

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

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

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

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

第二步，在wxml文件中，直接添加一個(gè)input輸入框，并添加死去焦點(diǎn)bindblur

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

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

第五步，在輸入框輸入手機(jī)號(hào)，后再在內(nèi)置瀏覽器中打開系統(tǒng)打印出來結(jié)果值

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

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

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

開發(fā)者工具-

調(diào)試器

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

Sources

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

Network

Netwrok主要是用于仔細(xì)和沒顯示request和socket的請(qǐng)求情況

Appdata

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

Storage

Storage作用于會(huì)顯示當(dāng)前項(xiàng)目的使用或者后的數(shù)據(jù)存儲(chǔ)情況。

ConsoleConsole有兩大功能：

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

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