ArticleZip > How Can I Keep The Console Drawer Hidden By Default Every Time I Open Chrome Devtools

How Can I Keep The Console Drawer Hidden By Default Every Time I Open Chrome Devtools

Did you ever find it irritating to have the console drawer pop up every time you launch Chrome DevTools? Well, you're not alone! Many developers prefer to have a clutter-free workspace and want to keep the console drawer hidden by default. The good news is that there's a simple solution to achieve this preference.

To keep the console drawer hidden by default every time you open Chrome DevTools, you need to make use of the DevTools settings. Chrome allows you to customize the DevTools to suit your workflow, and keeping the console drawer hidden is one of the tweaks you can easily make.

When you launch Chrome DevTools, the console drawer usually appears at the bottom of the screen, ready for your input. However, if you wish to hide it by default, follow these steps:

1. **Access Chrome DevTools**: Open Chrome and navigate to any webpage. Right-click on the page and select "Inspect" from the context menu. This action will bring up the DevTools pane.
2. **Open Settings**: In the DevTools pane, look for the three vertical dots (⋮) in the top-right corner. Click on it to reveal a dropdown menu. From the menu, select "Settings."
3. **Locate Preferences**: In the Settings menu, you should see several options on the left sidebar. Look for the "Preferences" section. Click on it to display additional settings.
4. **Find Console Drawer Setting**: Within the Preferences section, there is an option labeled "Console," which pertains to settings related to the console drawer. Click on it to reveal console-specific settings.
5. **Toggle Console Drawer Visibility**: In the Console settings, you will find an option that says "Show console drawer." By default, this option is enabled, which means the console drawer appears when you open DevTools. To hide the console drawer by default, simply uncheck this option.

Once you've unchecked the "Show console drawer" option, close the DevTools settings. The next time you launch Chrome DevTools, the console drawer should remain hidden by default. However, you can easily bring it back whenever you need it by clicking on the console tab at the bottom of the DevTools pane.

By customizing Chrome DevTools settings to keep the console drawer hidden, you can enhance your development experience and reduce distractions while working on your projects. This simple tweak allows you to focus on the task at hand without the console drawer taking up valuable screen real estate.

In conclusion, Chrome provides developers with the flexibility to personalize their DevTools environment according to their preferences. By following these steps and adjusting the console drawer setting, you can ensure that the console remains hidden by default every time you open Chrome DevTools. Enjoy a cleaner workspace and a more streamlined development workflow with this handy customization tip!

×