Snippets/ScractchPad is a feature most chromium browser and Firefox provide that allow you and other to save handy snippet right in Chrome. Your snippet can also be run in debug mode. This website provides list of handy and easy to understand snippets to help boost developer productivities e.g save json as file, turn any website into dark mode, add any remote library into page, etc...
#Basic
Add jquery to current page if it doesn't exist already
#Basic, #intermediate
Print out all colors from computed styles used in elements on the page. Uses styled console.log calls to visualize each color.
#Intermediate, #Debug
Break point on property access
#Intermediate
Injecting remote javascript library into any page
#Basic
Run remote javascript snippet given url
#intermediate
Save object as .json file from Chrome Devtool
#Basic
Expose a method to wrap an html element with inputed element
#Basic
tiny CSS layout "debugger"
#Basic
Decode JWT token
#Intermediate
Unminified and pretify a CSS file on page
#Basic
Insert css into current page DOM
#Basic
List all event listener on page
#Basic
Print out current page localStorage values size
#Basic
Log object value sizes
#Basic
Pause javascript execution on keydown. Handy to debug dynamic element
#Basic
Pretty print all query string params on page as table
#Basic
Scroll to bottom of page
#Basic
Scroll to top of page
#Basic
Run script to test if page allow injecting js or running remote script
#Basic
Toggle design mode to edit webpage live
#Basic
Turn any website into dark mode by adding this css 1liner
#Basic
View current page url cookies