微信web開(kāi)發(fā)者工具普通調(diào)試怎么打開(kāi)？方法/步驟微信web開(kāi)發(fā)者工具下載，并安裝下載鏈接：?jiǎn)?dòng)微信web開(kāi)發(fā)者工具登錄微信公眾號(hào)，進(jìn)入web開(kāi)發(fā)者工具，綁定個(gè)人微信號(hào)通過(guò)個(gè)人微信號(hào)，登錄微信web開(kāi)發(fā)

微信web開(kāi)發(fā)者工具普通調(diào)試怎么打開(kāi)？

方法/步驟微信web開(kāi)發(fā)者工具下載，并安裝下載鏈接：?jiǎn)?dòng)微信web開(kāi)發(fā)者工具登錄微信公眾號(hào)，進(jìn)入web開(kāi)發(fā)者工具，綁定個(gè)人微信號(hào)通過(guò)個(gè)人微信號(hào)，登錄微信web開(kāi)發(fā)者工具從微信公眾號(hào)復(fù)制鏈接到地址欄，大功告成移動(dòng)調(diào)試，敬請(qǐng)關(guān)注。

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

為了幫助開(kāi)發(fā)者簡(jiǎn)單和高效地開(kāi)發(fā)和調(diào)試微信小程序，在原有的公眾號(hào)網(wǎng)頁(yè)調(diào)試工具的基礎(chǔ)上，推出了全新的 微信開(kāi)發(fā)者工具，集成了公眾號(hào)網(wǎng)頁(yè)調(diào)試和小程序調(diào)試兩種開(kāi)發(fā)模式。

使用公眾號(hào)網(wǎng)頁(yè)調(diào)試，開(kāi)發(fā)者可以調(diào)試微信網(wǎng)頁(yè)授權(quán)和微信JS-SDK 詳情

使用小程序調(diào)試，開(kāi)發(fā)者可以完成小程序的 API 和頁(yè)面的開(kāi)發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。

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

微信開(kāi)發(fā)者工具有三大模塊。小程序模擬器、小程序編輯器、小程序調(diào)試器。每個(gè)模塊都有不同的作用。調(diào)試器的功能類(lèi)似瀏覽器里頁(yè)面的審查元素，我們?cè)谠卣{(diào)式框里修改屬性，可以查看到頁(yè)面相關(guān)屬性的變化，找到相關(guān)的頁(yè)面樣式文件。微信小程序開(kāi)發(fā)工具的調(diào)試器也是這樣子。

微信開(kāi)發(fā)者工具-

調(diào)試器

調(diào)試器分為 6 大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage

Wxml

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

Sources

Sources 用于顯示當(dāng)前項(xiàng)目的腳本文件，同瀏覽器開(kāi)發(fā)不同，微信小程序框架會(huì)對(duì)腳本文件進(jìn)行編譯的工作，所以在 Sources 中開(kāi)發(fā)者看到的文件是經(jīng)過(guò)處理之后的腳本文件，開(kāi)發(fā)者的代碼都會(huì)被包裹在 define 函數(shù)中，并且對(duì)于 Page 代碼，在尾部會(huì)有 require 的主動(dòng)調(diào)用。

Network

Netwrok 用于觀察和顯示 request 和 socket 的請(qǐng)求情況

Appdata

Appdata 用于顯示當(dāng)前項(xiàng)目當(dāng)前時(shí)刻 appdata 具體數(shù)據(jù)，實(shí)時(shí)地反饋?lái)?xiàng)目數(shù)據(jù)情況，可以在此處編輯數(shù)據(jù)，并及時(shí)地反饋到界面上。

Storage

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

Console

Console有兩大功能：

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

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