Upgrade Your Drupal Skills
We trained 1,000+ Drupal Developers over the last decade.
See Advanced Courses NAH, I know EnoughUse Firebug Console to Catch Javascript Errors
We've regularly written about the Firebug add-on for Firebox because it is a great way to troubleshoot CSS issues.
Did you know that Firebug can also help to detect Javascript errors that may break your site?
In this post, I'll share with you how to catch errors by using Firebug's console feature.
Step #1. Install Firebug
We have a tutorial to help you to install Firebug addon in Firefox browser.
Step #2. Activate Firebug console
- Go to your website.
- Activate Firebug by clicking the "bug" icon.
- Click the "Console" tab (mine says "Consola", as I'm using the Spanish version)
Step #2. Catch errors
- Reload the page by clicking the "refresh" icon in the address bar:
- Wait until the page finishes loading, and see if any errors come up in the Console area.
By default, the console will display a lot of information, and not all of the results will be errors. You may see process details, log details, warnings and errors.
Pay special attention to the information that is marked red. You can filter down and only see errors by doing click the "Errors" tab.
Step #3. Fix the errors.
Firefox Console will work with WordPress, Drupal, Joomla or any other software you use. The errors you found in the previous step will be very helpful to debug problems in your website.
Report the errors to your developer in order to get them fixed.
About Drupal Sun
Drupal Sun is an Evolving Web project. It allows you to:
- Do full-text search on all the articles in Drupal Planet (thanks to Apache Solr)
- Facet based on tags, author, or feed
- Flip through articles quickly (with j/k or arrow keys) to find what you're interested in
- View the entire article text inline, or in the context of the site where it was created
See the blog post at Evolving Web