Keeping code snippets handy in Chrome DevTool

We can save any piece of JavaScript as Snippet in Chrome DevTool and we can run it on DevTool console any time we need.

To get to the Snippets, we have to go to the Sources tab on DevTool then click on the right double angle. Under the Snippets sub-tab, we can add multiple pieces of JavaScript code in separate snippets.

For example, we can add a snippet that toggles all the Checkboxes in the page.

Copy 
1;[...$$('[type="checkbox"]')].forEach((x) => {
2  x.checked = !x.checked
3})

In order to execute a snippet, we can right click on the snippet then click on Run on the menu, or we can quickly execute a snippet by pressing Cmd + Shift + P for Command Menu popup on the DevTool and entering ! followed by the snippet name.

Devtools-snippets page contains a handful of useful snippets collection.