Scroll
ApplyMetrics | Support
Follow

3. Debugging using your browser console

As you begin to deploy the Apply plugin to your web pages, tracking down bugs becomes an important issue. Identifying them quickly and easily has become a whole lot easier with the console feature introduced in most modern browsers. 

To start with, we will look at the various components of the Chrome Console, and then start to look at how we can identify coding errors from within the console.

1. Invoking the Console

The first thing we need to do to be able to view and use the debugger is to call it up. As with any modern application, this can be done in a number of ways. The various methods are:

  • From Chrome's Tools menu, you can select "JavaScript Console"
  • Use the keyboard shortcut, "CTRL+SHIFT+J"
  • Right click on the page you want to debug and select "Inspect Element"

The third option is the simplest option and my preferred, not only will this open up the console, but it will select and highlight the element you right clicked on, within the source files displayed in the console, making things a lot easier.

2. Identifying Code Errors

Select the "Console" option in the top menu of the console. This page will show you (in red) if there are any errors on your page. If you have errors from the ApplyPlugin - don't worry - its probably something simple with your plugin configuration (e.g. you may have not set or incorrectly set the API key, etc).

3. Need Help?

If you need help or you see an error that you didnt expect, please check out our troubleshooting guide on errors or contact or support by raising a support ticket.

Comments

Powered by Zendesk