來(lái)說(shuō)說(shuō)這個(gè)Chrome調(diào)試工具吧，夢(mèng)回gdb，但是它沒(méi)有g(shù)db難

打開(kāi)瀏覽器

有兩種方式可以直接打開(kāi)Chrome調(diào)試工具

直接按F12

鼠標(biāo)右鍵頁(yè)面 --- 檢查元素

什么mc玩家是鳴潮?

標(biāo)簽頁(yè)含義

🤒 elements查看標(biāo)簽結(jié)構(gòu)（展示html文件，前端人員關(guān)注）

🤕console查看控制臺(tái)

😴 source查看源碼+斷點(diǎn)調(diào)試（調(diào)試JS代碼，打印日志）

🤯network查看前后端交互的過(guò)程（其實(shí)我是干后端的）

😉 ?application查看瀏覽器提供的一些擴(kuò)展功能（本地存儲(chǔ)等）

😘?Performance，Memory，Security，Lighthouse暫時(shí)用不太到

elements標(biāo)簽頁(yè)使用

Ctrl+滾輪進(jìn)行縮放，Ctrl+0恢復(fù)原始大小

使用左上角箭頭選中元素

右側(cè)可以查看當(dāng)前元素的屬性（包括引入的類(lèi)）

右側(cè)可以修改元素的CSS屬性，例如顏色（顏色選擇器，修改顏色，例如字體大小，可以使用方向鍵微調(diào)數(shù)值）

此處修改不會(huì)影響代碼，刷新就還原了，很像學(xué)里?？仕赖臅r(shí)候，，，改代碼修改環(huán)境變量和直接改配置文件

如果CSS樣式寫(xiě)錯(cuò)了，也會(huì)在這有提示（黃色感嘆號(hào)）