How to take a screenshot in Chrome, Firefox, Safari, and Edge


When collaborating with the WEBDOGS team, helping us “see what you see” is a critical component of sharing feedback. We’ve compiled a list of the most straightforward methods of taking screenshots based on browser and operating systems, further separated by application window or full page.

An “Application Window” screenshot is what the browser actually shows when a page is loaded. In other words, it is the view of a website you’d typically interact with.

A “Full Page” screenshot is a view of the entire page, including parts that are outside of the viewport. This is an especially helpful view to have when communicating desired changes to a page or when needing to get a broader context of the page layout. WEBDOGS typically wouldn’t need this view in the execution of support, but likely would when adding in new features or when receiving feedback on implemented features.

Table of Contents


  • Application Window
    • Windows
    • Mac
    • iOS
    • Android
  • Full page
    • Chrome
    • Firefox
    • Safari
    • Edge

Full Page Screenshots

Windows

Browser window only
  1. Ensure that your browser is that “active window” by clicking anywhere in the browser window.
  2. Press Alt + Print Screen (may also say Prnt Scrn, or another variation). This takes a screenshot of the browser and copies it to the clipboard.
  3. Paste the image into a ticket or email by pressing Ctrl + V.
Entire screen
  1. Press Print Screen (may also say Prnt Scrn, or another variation). This takes a screenshot of the entire screen (i.e. everything displayed on the monitor) and copies it to the clipboard.
  2. Paste the image into a ticket or email by pressing Ctrl + V.

Mac

Browser window only
  1. Press Shift + + 4 and a crosshair appears as the pointer.
  2. Press the spacebar and the crosshair will turn into a camera.
  3. Move the pointer to the target window. As you hover over the window, it will turn blue.
  4. Click the window with trackpad / mouse and the screenshot is automatically saved to the desktop.
  5. Drag and drop the image into your email or Zendesk.
Entire screen
  1. Press Shift + + 3
  2. A screenshot of the entire screen (i.e. everything displayed on the monitor) is saved to the desktop.
  3. Drag and drop the image into your email or Zendesk.

iOS

iPhone X and 2018+ iPad Pro
  1. Press the power button and volume up button at the same time.
  2. The image is saved to the camera roll.
All others
  1. Press the home button and power button at the same time.
  2. The image is saved to the camera roll.

Android

Most Android devices
  1. Simultaneously hold the power button and volume down button. Some devices require the buttons be held for “a few” seconds.
  2. The screenshot will be saved to Pictures/Screenshots/ (or DCIM/Screenshots/).

If you’re not able to figure out how to take a screenshot with your Android device, please contact WEBDOGS support for additional help.

Full Page Screenshots

Chrome

  1. Install and activate the Full Page Screen Capture browser extension.
  2. A small camera icon will appear in the top right corner of the browser.
  3. Click the camera icon.
  4. Click the “download image” icon and the image will be saved to the Downloads folder.

Firefox

  1. Two finger click (or right click on a mouse) on the target page.
  2. Select “Take a screenshot”
  3. In the upper right of the browser, select “Save full page”
  4. Select either “Download” or “Copy”
    1. If you select Download, the image goes to your Downloads folder.
    2. If you select Copy, the image will be copied to the clipboard.

Safari

  1. Install and activate Awesome Screenshot
  2. Navigate to the target page in Safari
  3. Click the Awesome Screenshot icon (looks like a tiny camera lens) to the left of the Safari address bar
  4. Click “Capture entire page.” An image opens in a new tab.
  5. Click the “Done” button
  6. Follow the directions to save the file.

Edge

  1. Click the “Add notes” icon in the upper right of the browser window. A purple bar appears.
  2. Click the save icon (looks like a floppy disk).
  3. Select “Reading List” and give the image a clear name.
  4. Click the Save button and the box will disappear.
  5. Click the white “X” to the far right in the purple bar and the purple bar goes away.
  6. Click the Favorites icon (star with 3 lines to the right).
  7. Click the “Reading List” icon to the left of the favorites bar. It should be the second icon down. If you’re not sure, hover your mouse cursor over the button and it will display the button name on the screen.
  8. Click the note you just made from the Readng List. The purple bar comes back.
  9. Right click anywhere on the page and select “Save picture as”
  10. Give the screenshot an easily understood name, take note of the save folder name, and then click the “Save” button.
  11. Now you will have an image you can share.