Skip to content

Instantly share code, notes, and snippets.

@yomybaby

yomybaby/ChromeDeveloperToolsTabs.md

Last active November 20, 2019 13:03
Show Gist options
  • Save yomybaby/a9ce688daf7e28f8610555e990741dbf to your computer and use it in GitHub Desktop.
Save yomybaby/a9ce688daf7e28f8610555e990741dbf to your computer and use it in GitHub Desktop.
Download ZIP
Chrome developer tools hack : Clean console mode
Raw
ChromeDeveloperToolsTabs.md

You want to make console only mode for Screencast or presentation?

  1. open Chrome
  2. open Chrome developer tools (press cmd+alt+i)
  3. Click "Console" Tab of the developer tools.
  4. open Chrome developer tools of Chrome developer tools (press cmd+alt+i one more time)
  5. Paste below scripts to developer tools(created on step 4).
document.getElementsByClassName('console-toolbar-container')[0].remove();
document.querySelector("#-blink-dev-tools > div.widget.vbox.root-view > div > div > div > div").shadowRoot.querySelector("div > div.tabbed-pane-header").remove();
  1. Done! if you want bigger font size? Press cmd+=

After

Before

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment