Skip to content

Instantly share code, notes, and snippets.

@scramblr

scramblr/chrome.devtools.cheatsheet.md

Last active December 27, 2025 13:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save scramblr/0927024381ba2f2807b1865ce3fef345 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save scramblr/0927024381ba2f2807b1865ce3fef345 to your computer and use it in GitHub Desktop.
Download ZIP
A list of frequently used options or syntax for DevTools in Chrome/Chromium
Raw
chrome.devtools.cheatsheet.md

#Web Browser Cheat Sheets#

Chrome & Chromium Based Browsers (Edge, Opera, Brave, Vivaldi)

Here's a starting point for my personal Chrome/Chromium Cheatsheet Last Updated: 12/267/2025

###1.) Filtering Out Images & Other files that make it so you can't "Arrow Down" through the requests found on the Network Page###

  • Method 1: Use this regex for the Network Tab's Filter: /-.svg$/ /-.png$/ /-.jpg$/ /-.ico$/ /-.gif$/ /-.woff[0-9]$/
  • Method 2: This regex works better and negative filters everything, leaving it visible if needed by checking the "Invert" box: REGEX: -/-*.(woff|svg|gif|jpeg|jpg|png)/
  • Method 2: Select Fetch/XHR, Doc, CSS, JS, Manifest, Socket, Wasm, Other with CTRL+Click while leaving Font, Img, and Media unchecked.
  • Method 3: Input the same file extensions into Network Request Blocking, but be aware this FULLY blocks the GET/POST and REPLY.

###2.) Instant Notepad Via Javascript Bookmark### Create a Bookmark That Points To:

data:text/html, <html contenteditable>

Mozilla Firefox & Mozilla Based Browsers (Tor Browser, Icecat, Librewolf, Pale Moon, etc)

Last Updated: 12/267/2025

###1.) Notepad via Javascript### This works the exact same way as Chrome's javascript one-liner: Just paste in this line to the address bar or a bookmark:

data:text/html, <html contenteditable>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment