title: display custom events in webkit browser inspector timeline
body: <p>I wanted to view custom events in the timeline of the web inspector of safari, or chrome's developer tools.</p>
  
  <p>Has anyone had success creating events and having them displayed in the inspector? This would be extremely useful. </p>
  
  <p>this doesn't show up in timeline:</p>
  
  <pre><code>var event = document.createEvent( 'CustomEvent' );
  event.initCustomEvent('myEvent', true, false);
  document.dispatchEvent( event );
  </code></pre>
  
  <p>this works, but it's a mouse event, which is not my intention:</p>
  
  <pre><code>var event = document.createEvent( 'MouseEvents' );
  event.initEvent('click', true, false);
  document.dispatchEvent( event );
  </code></pre>