What is the developer console?

The dev console is a tool to allow developers to inspect, edit and debug code that is built into most browsers. The following instructions are for ChromeDev Tools but the same applies to Safari and Firefox alike (though steps may differ).

How to open ChromeDev Tools?

1. From your website page in question, right-click/secondary click to open menu. Do not refresh the page before you do this.
2. Click 'Inspect', this will open your developer console (figure 1)
3. Select the 'Console' tab, and you may see a list of messages/warnings/errors (figure 2)
4. Screenshot this tab

Figure 1

Figure 2