greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/english/developer-tools/developer-tools-in-browsers/chrome-developer-tools/screenshot-utility/index.md

14 lines
502 B
Markdown
Raw Normal View History

fix: change directory structure
2018-10-12 19:37:13 +00:00
---
title: Useful screenshot shortcuts
---
### DevTools screenshot functionality
Corrected capitalization, corrected to American spellings and typos (#30685) * Translate challenge subtitles and example challenge text to Spanish * Corrected errors in syntax and punctuation * Multiple corrections of it/s to its plus other grammar corrections * Correction and added paragraph to CSS Flex article * Corrected my own typo * Corrected capitalization, American spellings and typos
2018-11-07 15:34:13 +00:00
When using Chrome developer tools, it can be useful to capture a screenshot of the entire page. And while there are add-ons to achieve this, google chrome has its own functionality built in.
fix: change directory structure
2018-10-12 19:37:13 +00:00
## Steps
1. Open Chrome Devtools
2. in Devtools Ctrl+P (Cmd+P on Mac)
3. Start typing >screenshot
4. Choose from the available functions (capture full size screenshot has been by far my most useful)
5. Enjoy your new screenshot