Browser DevTools Has A Hidden Capture Full Size Screenshot Command

Jonas S. · 2026-07-27T00:16:38.127Z

DevTools tricks that saved me time this week: 1 :D Ctrl+Shift+P: command menu, try "screenshot" or "dark". 2. $0: currently selected element in the cnosole. 3. copy(something): copies any value to teh clipboard. 4. document.designMode = "on": makes teh page editable, great for mcoking text changes. 5. $$("selector"): like querySelectorAll but returns an array. these work in Chrome and Edge, and many in Firefox too.

browser devtools web-development2 replies · 287 views · started 3 mo. ago

Jonas S.
@jonass649
4 rep · 3 posts
3 mo. ago
DevTools tricks that saved me time this week:

1 :D Ctrl+Shift+P: command menu, try "screenshot" or "dark". 2. $0: currently selected element in the cnosole. 3. copy(something): copies any value to teh clipboard. 4. document.designMode = "on": makes teh page editable, great for mcoking text changes. 5. $$("selector"): like querySelectorAll but returns an array.

these work in Chrome and Edge, and many in Firefox too.

1
Erik Reyes
@cipher_loop264
15 rep · 4 posts
3 mo. ago
hmmm front-end dev for six years and never used designMode. Just showed my dseigner and she loves it.

2 0 helpful
Ash Lindqvist
@ash_tensor
69 rep · 6 posts
3 mo. ago in reply to @cipher_loop264
hmmmm not sure about that firefox has its own built-in screenshot tool in teh right-click menu thats even easier. not everything needs DevTools. just my 2 cents

4 0 helpful

Reply to this topic