Taking Screenshots

In this guide we’ll outline the steps to take a screenshot to submit to the Moz Help Team as well as how to open the developer tools in your browser.

Quick Links

• Why Do We Need Screenshots?
• How To Take A Screenshot
• Developer Tools

If you are submitting a support ticket to the Moz Help Team, sending a screenshot along with your query can be incredibly helpful. This can help the team identify specific issues, and it also provides context if the issue needs to be sent to our engineering team for review.

It helps a great deal to resolve potential bugs if you can take a screenshot of your whole browser window, including the search bar showing the URL of the page you are on in the tool.

Mac OS X

Press Command + Shift + 3 keys to take a fullscreen screenshot that saves on your desktop as a .png file.

Windows

1. Open Snipping Tool
2. Press Ctrl + PrtScn keys to capture the entire screen
3. Save your snip to your desktop

Send your screenshot and a description of the process you were performing when you encountered the error to help@moz.com. If you’ve already submitted a ticket to the Help Team, there is no need to create a new ticket. You can submit your screenshots by replying to the ticket’s confirmation email.

If you’re having trouble with the tool’s functions or you’re receiving an error message in the tool, it can also help to send a screenshot of the entire browser window with the Developer Tools console open.

To help us figure out what's going on, please let us know the following information and provide screenshots:

1. What browser are you using? (i.e. Chrome or Firefox)
2. A description of the process you were performing when you encountered the error or issue
3. A screenshot of your entire window with the Developer Tools console open
   • How to use Developer Tools in Chrome
   • How to use Developer Tools in FireFox

Chrome Developer Tools

To collect a screenshot from your Chrome Developer Tools, please follow these steps:

1. Open Developer Tools
2. Click the Console tab
3. Refresh the page
4. Take a screenshot of the entire resulting window, including the URL

Firefox Developer Tools

To collect a screenshot from your Firefox Developer Tools, please follow these steps:

1. Click on the hamburger menu at the top right
2. Click on Web Developer
3. Click on Inspector
4. Click the Console tab
5. Refresh the page and perform the action that is returning the error
6. Take a screenshot of the entire resulting window, including the URL