How do I open DevTools in Chrome?

Developer tools (or “development tools” or short “DevTools”) are programs that allow a developer to create, test and debug software . Current browsers provide integrated developer tools, which allow to inspect a website.

Chrome. To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac) . Alternatively, you can use the Chrome menu in the browser window, select the option “More Tools,” and then select “Developer Tools.”

devtools-detect Detect if DevTools is open and its orientation . Useful for when you want something special to happen when DevTools is open. Like pausing canvas, adding style debug info, etc.