Skip to content

Latest commit

 

History

History
83 lines (57 loc) · 3.18 KB

directory.md

File metadata and controls

83 lines (57 loc) · 3.18 KB
Raw

#Chrome DevTools
此頁 https://developer.chrome.com/devtools 文章內容（Chrome DevTools Overview） 即 “Learn Basics 了解基礎知識” 中的 “Overview (概述) : https://developer.chrome.com/devtools/index"

###1. Learn Basics 了解基礎知識

  1. #####Overview (概述)
    https://developer.chrome.com/devtools/index

  2. #####Development Workflow (開發流程)
    https://developer.chrome.com/devtools/docs/authoring-development-workflow

  3. #####Using the Console (使用控制台)
    https://developer.chrome.com/devtools/docs/console

  4. #####Tips & Tricks (提示和技巧) https://developer.chrome.com/devtools/docs/tips-and-tricks

  5. #####Additional Resources (其他資源)
    5.1. Videos 影片
    https://developer.chrome.com/devtools/docs/videos
    5.2. Blog Posts (部落格文章)
    https://developer.chrome.com/devtools/docs/blog-posts
    5.3. Mailing List (郵件列表)
    https://groups.google.com/forum/?fromgroups#!forum/google-chrome-developer-tools
    5.4. Contributing to DevTools (促進 DevTools)
    https://developer.chrome.com/devtools/docs/contributing

###2. Use Tools 使用工具

  1. #####Inspecting & Tweaking (檢閱 ＆ 調整優化)
    https://developer.chrome.com/devtools/docs/dom-and-styles

  2. #####Debugging JavaScript (JavaScript 的除錯) https://developer.chrome.com/devtools/docs/javascript-debugging

  3. #####Device Mode & Mobile Emulation (設備模式和模擬移動裝置)
    https://developer.chrome.com/devtools/docs/device-mode

  4. #####Remote Debugging on Android (Android 上的遠端除錯) https://developer.chrome.com/devtools/docs/remote-debugging

  5. #####Saving Changes with Workspaces (在工作區保存所做的更改) https://developer.chrome.com/devtools/docs/workspaces

###3. Performance & Profiling 性能與剖析

  1. #####Evaluating Network Performance (評估網絡性能) https://developer.chrome.com/devtools/docs/network

  2. #####Using the Timeline (使用時間軸) https://developer.chrome.com/devtools/docs/timeline

  3. #####Timeline Demo: Layout Thrashing (時間線演示：佈局抖動)
    https://developer.chrome.com/devtools/docs/demos/too-much-layout/index

  4. #####Profiling JavaScript Performance (剖析 JavaScript 性能)
    https://developer.chrome.com/multidevice/webview/workflow

  5. #####JavaScript Memory Profiling (JavaScript 的內存分析) https://developer.chrome.com/devtools/docs/javascript-memory-profiling

###4. Reference 參考資料

  1. #####Console API Reference (控制台 API 參考)
    https://developer.chrome.com/devtools/docs/console-api

  2. #####Command Line API Reference (命令列 API 參考)
    https://developer.chrome.com/devtools/docs/commandline-api

  3. #####DevTools Extensions API (DevTools 擴展的 API)
    https://developer.chrome.com/devtools/docs/integrating

  4. #####Keyboard Shortcuts (鍵盤快捷鍵)
    https://developer.chrome.com/devtools/docs/shortcuts

  5. #####Settings (設置)
    https://developer.chrome.com/devtools/docs/settings

  6. #####Remote Debugging Protocol (遠端偵錯通訊協定)
    https://developer.chrome.com/devtools/docs/debugger-protocol