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