As a web developer, one has to spend a lot of time debugging a webpage on the web browser to get fix a issue while rendering a html/javaScript.
If you spend most time inspecting the page and viewing the console logs, its more efficient to know the shortcuts rather then navigation via the mouse or menu instructions.
macOS Shortcut to Open Chrome Console
Step 1: Press Command, Shift and I key to first open the Developer Tools Window.
Command ⌘ + Shift ⌥ + I
Step 2: Now press the keys Control and ` key to move to console tab,
Control + `
How to clear Chrome Console Logs Shortcut
The clear console screen is also a shortcut that you should know to quickly clear the logs,
Control + K
or,
Command ⌘ + K
Facing issues? Have Questions? Post them here! I am happy to answer!
Rakesh (He/Him) has over 14+ years of experience in Web and Application development. He is the author of insightful How-To articles for Code2care.
Follow him on: X
You can also reach out to him via e-mail: rakesh@code2care.org
- Google Chrome Update failed (error: 12)
- Mac - Chrome Open a new window in Incognito mode
- Reopen previously closed tab in Google Chrome
- How to Set Homepage on Chrome
- How to install Google Chrome on macOS using Terminal Command
- How to export bookmarks from Google Chrome Browser
- Show Chrome Developer Console Keyboard Shortcut on macOS
- New Mac? How to install Native Chrome on M1/M2 Mac
- Installing Native Chrome Browser App on M1 Mac Device
- How to restart WiFi using Crosh Terminal (ChromeOS Chromebook)
- How to clear cache and browsing history in Google Chrome?
- How to see HTTP Request Response Headers in Google Chrome Browser
- Change Google Chrome Browsers default download location
- How to Update Google Chrome Browser on Mac?
- How to fix: You will need Google Chrome to install most apps, extensions and themes.
- Flash Player will no longer be supported after December 2020. Turn off [Google Chrome]
- 7 Crosh Shell Help Codes and Commands Table
- How to change Chrome Spell Check from UK English to US English
- Aw Snap! Something went wrong while displaying this webpage Error code: STATUS_INVALID_IMAGE_HASH
- Chrome : When Adobe flash player has finished updating, reload this page to active it
- Chrome move to next or previous tab using keyboard
- How to copy Chrome alert popup text to clipboard
- Unable to connect to the Internet : Google Chrome
- [fix] Chrome: no listeners for an event URLS_SAFE_CHECK__STATUS_UPDATED
- How to download Google Chrome Enterprise MSI Installer File
- How to Install Windows Terminal Without the Store - Windows
- 3 ways to clear screen on Linux Terminal - Linux
- Unable to establish connection to adb : Android Studio Error - Android
- How to Change Android Title Bar Color? - Android
- Change Google Chrome Browsers default download location - Chrome
- How to install MySQL Workbench on Mac (M1/M2) - MySQL
- How to create an Autocomplete Android EditText Example - Android
- 30: How to Check if a Directory Exists or Not in Python Program - Python