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.