1.) Ways To Filter Out Specific Types of Files and Extensions From The Network Tab (Like Images, Videos, Etc.)
This is especially useful for when you want to scroll down the items under "Network" tab and keep losing focus whenever an image or other binary-style file comes up, and the cursor moves over to the hex dump..
-
Method 1: Use this regex for the Network Tab's Filter: /-*.svg$/ /-*.png$/ /-*.jpg$/ /-*.ico$/ /-*.gif$/ /-*.woff[2]$/
-
Method 2: This regex works better and negative filters everything, leaving it visible if needed by checking the "Invert" box: REGEX: -/-*\.(woff[2]|svg|gif|jpeg|jpg|png)/
Or, in case Github is character filtering:
-/-*\.(svg|gif|jp[e]g|png|woff[2]|ico)/
- 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.
Create a Bookmark That Points To:
data:text/html, <html contenteditable>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>