Google Chrome Developer Tools 操作說明文件

Google Chrome / Chromium 拿來作為開發工具, 內建就有非常好的 Debug Tools 可以使用.

此工具的 詳細說明 / 如何使用, 可以看此官方文件: Chrome Developer Tools: Overview

Developer Tools 啟動方式

Developer Tools 啟動方式 有下述幾種方法:

  • Tools -> Developer tools
  • 按右鍵 選擇 Inspect element
  • 於 Windows 或 Linux:
    • Control - Shift - I keys to open Developer Tools
    • Control - Shift - J to open Developer Tools and bring focus to the Console.
    • Control - Shift - C to toggle Inspect Element mode.
  • 於 Mac:
    • ⌥⌘I (Command - Option - I) keys to open Developer Tools
    • ⌥⌘J (Command - Option - J) to open Developer Tools and bring focus to the Console.
    • ^⌘C (Control - Option - C) to toggle Inspect Element mode.

關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 Document-Ebook。將永久鏈結加入書籤。

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料