Demo

The break button calls a function that contains an error. The error is wrapped in a try...catch block, which calls the DamnIT function to prompt the user and send an error notification.

What to expect

1. A box appears prompting you to describe your most recent actions:
2. One of the following occurs:
   • you type something and click send
   • you click "close"
   • 10 seconds pass with you doing nothing
3. DamnIT emails the developer the following information:
   • Browser
   • Page
   • HTML Content
   • Description (if you entered one)
   • Error message
   • File name, line number, and stack (if the browser supports them)
   

How it works

When the giant button above is clicked, it calls breakme. Here is the HTML:

<a href='#' onclick='breakme()'><div class='break'></div></a>

Breakme is a function containing an error. We catch the error and invoke DamnIT's error notification functionality using a call to ApplicationError.notify:

// the onclick event handler for the link we clicked
var breakme = function(){ 
    // surrounding your event handler code with try...catch ensures DamnIT 
    // notifies you of errors in all browsers
    try { 
        // this function doesn't exist, so it will cause an error
        a.func.that.will.brea.k(); 
    } catch(e) { // the catch code runs when an error occurs in the try code
        ApplicationError.notify(e); // invokes DamnIT's functionality
    }
}