All Collections
Frequently Asked Questions
How do I open my browser console and take a screenshot?
How do I open my browser console and take a screenshot?
Thijs Gillebaart avatar
Written by Thijs Gillebaart
Updated over a week ago
  1. Open your Browser Console: keyboard shortcuts*

2. Take a screenshot: keyboard shortcuts


Mac:

Press Cmd+Shift+4. This enables you to select part of your screen and make a screenshot. The screenshot will automatically be saved on your desktop.

PC:
Press PrintScreen to make a copy of your entire screen or press Alt+PrintScreen to capture only the currently selected window. The resulting image will be saved as a PNG file to your clipboard. You can then paste it into image editing software with Ctrl+V.


3. Now share your screenshot with us!

*If these shortcuts don't work try the menu method to open your browser console:

For Chrome
Step 1 - From the button in the top right hand corner of your browser (3 horizontal lines), hover over 'More tools'.
Step 2 - You should then see a drop down menu where you can select 'JavaScript Console'.

For Internet Explorer
Step 1 - From the button in the top right hand corner of your browser, select 'F12 Developer Tools'.

Step 2 - Select the 'Console' tab.


For Mozilla Firefox
Step 1 - From the button in the top right hand corner of your browser, select 'Developer'.

Step 2 - In the pop-up menu, select 'Web Console'.


For Safari

Step 1 - From the top left hand corner of your screen, select 'Safari'.
Step 2 - In the drop down menu, select 'Preferences...'

Step 3 - In the pop-up window, select the tab 'Advanced'.
Step 4 - At the bottom, tick the option 'Show Develop menu in menu bar'.

Step 6 - Now you should see the tab 'Develop' in your menu bar. Click this.
Step 7 - In the drop-down menu, click the option 'Show JavaScript Console' to open the console.

Did this answer your question?