Chrome – view javascript errors

on

It is useful to view Javascript errors in Chrome for debugging purpose. Chrome developer tools console can be used to view Javascript errors as shown below:
chrome-developer-tools-console-javascript-errors

One drawback of this approach is that it requires opening chrome developer tools whenever we want to view errors. A better approach is to use Chrome extension Javascript errors notifier. This extension surfaces javascript errors automatically using an error indicator. Here are quick steps on how to use the extension.

  1. Install the Javascript errors notifier extension in Chrome
    chrome-javascript-error-notifier-extension

  2. Visit a page having Javascript errors. You should be able to see the error indicator (browser toolbar) and error notification icon (page bottom right corner) as shown below:

    chrome-javascript-error-notifier-errors-indicator

  3. To get detailed error message click on toolbar error indicator.
    chrome-javascript-error-notifier-detailed-errors

  4. You can also switch off page notification icon using the option to toggle errors notification icon as shown below.
    chrome-javascript-errors-notofoer-option-to-disable-page-error-icon

Suggested posts:

  1. jQuery jsonp and cross domain ajax
  2. view event handlers in Chrome
  3. How to convert HTML canvas to png image using javascript
  4. Bash – how to find last command exit status code
  5. Chrome – how to access pre-release features
  6. WordPress – query to dump all posts with featured image
  7. NodeJS – npm beginner tutorial
  8. How to get docker container IP
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in | Tagged , , ,