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

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

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

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

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

使用公眾號網頁調試，開發(fā)者可以調試微信網頁授權和微信JS-SDK 詳情

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

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

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

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

調試器

調試器分為 6 大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage

Wxml

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

Sources

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

Network

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

Appdata

Appdata 用于顯示當前項目當前時刻 appdata 具體數據，實時地反饋項目數據情況，可以在此處編輯數據，并及時地反饋到界面上。

Storage

Storage 用于顯示當前項目的使用 或者 后的數據存儲情況。

Console

Console有兩大功能：

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

小程序的錯誤輸出，會顯示在此處