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