Open the Elements panel to inspect the DOM or CSS

Open the Elements panel to inspect the DOM or CSS

  • 크롬 빈화면 우클릭 -> inspect
  • Command+Option+C (Mac)
  • Control+Shift+C (Windows, Linux, Chrome OS)

Open the Console panel to view logged messages or run JavaScript

  • Command+Option+J (Mac)
  • Control+Shift+J (Windows, Linux, Chrome OS)

Open the last panel you had open

  • Press Command+Option+I (Mac)
  • Control+Shift+I

Open DevTools from Chrome's main menu

  • More Tools > Developer Tools.

Auto-open DevTools on every new tab

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

출처:크롬 개발자도구 공식 가이드

+ Recent posts