How to Find Your Browsers Console

Firefox Console

When working on a website sometimes you may come across a time when you need to access the console to debug the site, or to test some javascript on the current webpage (or saving tons of time when you have loads of mail tags in Contact Form 7). If you are unsure where to find the console, look no further.

First right click the current webpage and choose “Inspect Element” or “Inspect”:

Firefox Right Click Menu

 

This should cause a new window to appear that has tabs at the top, next you can click the “Console” tab and write your javascript:Firefox Developer Tools Console Tab

 

Please be cautious when copying and pasting javascript into this area, it can be used with malicious intent to read any data available to your browser, send requests to any site and even display fake information within your browser (you can read more about Self-XSS here).