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

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

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

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

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

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

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

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

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

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

調(diào)試器

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

Wxml

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

Sources

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

Network

Netwrok 用于觀察和顯示 request 和 socket 的請求情況

Appdata

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

Storage

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

Console

Console有兩大功能：

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

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