chrome是前端開發(fā)最常用到的工具，他的功能非常強(qiáng)大
1. Elements
image.png
他分為三個(gè)部分糊识，最大的那部分展示標(biāo)簽的，就是展示頁面的
dom結(jié)構(gòu)铐望，右上角Style是展示當(dāng)前作用在選中元素上的一些css屬性類名等捌刮，Computed是展示實(shí)際作用到選中元素的css屬性， 右下角我們可以看到此元素的盒模型
2. Console
image.png
這是我經(jīng)常調(diào)試的地方叹卷，通過js的
console.log打印來找錯(cuò)誤但是這樣費(fèi)時(shí)間不方便撼港，同時(shí)要是程序出錯(cuò)也是在這里顯示報(bào)錯(cuò)信息，同時(shí)你也可以在這里直接寫js代碼豪娜。
3. Sources
image.png
這里我們可以看到服務(wù)器上文件的目錄餐胀，也可以通過此目錄找到對應(yīng)的文件，不過一般代碼都是打包過的在這里根本不可能找到瘤载，除非打包過程中使用特殊插件否灾，此目錄才可以使用，同時(shí)我們還可以在這里打斷點(diǎn)來調(diào)試鸣奔，這種方式是最便捷墨技，高效的
4. Network
image.png
我們在此頁面所發(fā)的請求都會在這里顯示出來，同時(shí)這里也是前后端聯(lián)調(diào)的主要工具
5. Application
image.png
這里主要是可以看一下儲存在本地的服務(wù)器的一些信息比如
cookie,local Storage等總結(jié)
以上就是我們在前端開發(fā)中使用頻率很高的chrome的開發(fā)工具
