Help us Debug Errors/ Glitches with Developer Tools

Introduction

Some technical issues are the result of unique sets of circumstances created by different Web Browsers, Operating Systems, Internet Connections and a dozen other variables. This can make it difficult to reproduce and resolve problems. 

One of the best ways to get the information needed is to use a set of tools in Google Chrome called ‘ Developer Tools’. They can help to pinpoint where a problem might be arising. This guide will show you how to open up Chrome’s Developer tools so you can take a screenshot to send to Education Modified to help the debugging process. 

How to Open Google Chrome's Developer Tools

1. In the top right-hand corner of Google Chrome you should see an icon with three dots in a vertical line. Click it. 

1. In the menu that appears, click the ‘More Tools’ option. 

1. In the second menu that appears, click the ‘Developer Tools’ option. 

1. A new panel should appear either on the top or side of your browser. Click the ‘Console’ tab in the top of the panel. 

1. Take a screenshot of your whole screen and send this to Education Modified.