Chrome DevTools手冊(cè)中文版分享給大家，從最基礎(chǔ)的介紹到技巧， 通過(guò)使用DevTools，可以更加高效的定位頁(yè)面布局問(wèn)題， 設(shè)置JavaScript斷點(diǎn)并且更好的理解代碼優(yōu)化。
Chrome DevTools手冊(cè)中文版預(yù)覽
Chrome DevTools手冊(cè)中文版目錄
致謝
介紹
學(xué)習(xí)基礎(chǔ)
概覽
開發(fā)工作流
使用控制臺(tái)
小技巧——控制臺(tái)篇
小技巧——Timeline篇
小技巧——Profiles篇
小技巧——代碼篇
小技巧——頁(yè)面元素篇
小技巧——網(wǎng)絡(luò)篇&設(shè)置
工具使用
CSS預(yù)處理器(todo)
應(yīng)用存儲(chǔ)(todo)
Chrome主要有9個(gè)功能組，分別對(duì)應(yīng)了9個(gè)面板：
Elements：在 Elements 面板中可以通過(guò) DOM 樹的形式查看所有頁(yè)面元素，同時(shí)也能對(duì)這些頁(yè)面元素進(jìn)行所見(jiàn)即所得的編輯
Console：一方面用來(lái)記錄頁(yè)面在執(zhí)行過(guò)程中的信息（一般通過(guò)各種 console 語(yǔ)句來(lái)實(shí)現(xiàn)），另一方面用來(lái)當(dāng)做 shell 窗口來(lái)執(zhí)行腳本以及與頁(yè)面文檔、DevTools等進(jìn)行交互
Sources：Sources 面板主要用來(lái)調(diào)試頁(yè)面中的 JavaScript
Network：在 Network 面板中可以查看通過(guò)網(wǎng)絡(luò)來(lái)請(qǐng)求來(lái)的資源的詳細(xì)信息以及請(qǐng)求這些資源的耗時(shí)
Performance：在 Performance 面板可以查看頁(yè)面加載過(guò)程中的詳細(xì)信息，比如在什么時(shí)間開始做什么事情，耗時(shí)多久等等。有人會(huì)問(wèn)，這個(gè)跟上面的 Network 有什么區(qū)別呢，上面也能顯示耗時(shí)信息。在 Performance 面板中，你不僅可以看到通過(guò)網(wǎng)絡(luò)加載資源的信息，還能看到解析 JS、計(jì)算樣式、重繪等頁(yè)面加載的方方面面的信息
Memory：Memory 面板主要顯示頁(yè)面 JS 對(duì)象和相關(guān)聯(lián)的 DOM 節(jié)點(diǎn)的內(nèi)存分布情況
Application：記錄網(wǎng)頁(yè)加載的所有資源，包括存儲(chǔ)信息、緩存信息以及頁(yè)面用到的圖片、字體、腳本、樣式等信息
Security：用于檢測(cè)當(dāng)面頁(yè)面的安全性
Audits：審計(jì)面板會(huì)對(duì)頁(yè)面的加載進(jìn)行分析，然后給出提高頁(yè)面性能的建議，官網(wǎng)建議查看 PageSpeed Insights 來(lái)獲得更多的頁(yè)面加載建議。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版
軟件工程導(dǎo)論(第6版)電子圖書
軟件工程導(dǎo)論配套題庫(kù)pdf 免費(fèi)版
web滲透技術(shù)及實(shí)戰(zhàn)案例解析pdf電子書免費(fèi)下載
黑客攻防技術(shù)寶典web實(shí)戰(zhàn)篇第二版高清完整版
mysql高效編程電子書高清版
數(shù)據(jù)庫(kù)原理第5版pdf電子書高清免費(fèi)版
Android開發(fā)從入門到精通掃描版高清免費(fèi)版
solidworks2012視頻教程詳細(xì)版
VBA學(xué)習(xí)資料(EXCEL+網(wǎng)抓)1.0 中文免費(fèi)版
產(chǎn)品經(jīng)理認(rèn)證(NPDP)知識(shí)體系指南pdf 完整免費(fèi)版
即學(xué)即用的WPS表格技巧pdf電子版
pycharm中文指南pdf高清完整版
網(wǎng)絡(luò)工程師教程第五版電子版清晰版
python黑魔法指南pdf2.0 完整版
access 2016寶典電子版完整版
思科路由器配置命令詳解及實(shí)例pdf 格式可打印版【共46頁(yè)】
php開發(fā)實(shí)例大全基礎(chǔ)卷pdf【帶書簽】高清完整版
thinkphp實(shí)戰(zhàn)電子書高清掃描版
優(yōu)秀主播必備寶典pdf 格式可打印版
中國(guó)電信5g承載和架構(gòu)技術(shù)白皮書pdf 完整版
HCIE路由交換學(xué)習(xí)指南pdf格式
計(jì)算機(jī)系統(tǒng)基礎(chǔ)pdf高清無(wú)水印版
C Primer Plus 第六版pdf高清免費(fèi)完整版
HTML5+CSS3+JavaScript從入門到精通pdf 中文版
計(jì)算機(jī)操作系統(tǒng)第四版pdf完整版
xilinx fpga開發(fā)實(shí)用教程(第2版) pdf格式
ANSYS ICEM CFD從入門到精通pdf格式電子免費(fèi)版
WEB前端開發(fā)全套視頻教程下載(項(xiàng)目實(shí)戰(zhàn)+移動(dòng)端開發(fā))【99G/百度網(wǎng)盤】
java從入門到精通第6版pdf下載高清完整電子
HCNP路由交換學(xué)習(xí)指南pdf
vue.js權(quán)威指南pdf版完整版【高清無(wú)水印】