title: How to fire deviceready event in Chrome browser (trying to debug phonegap project)
body: <p>I'm developing a PhoneGap application and I'd like to be able to debug it in Chrome rather than on the phone.  However, I do the initialization of my code in an onDeviceReady() function that is triggered when PhoneGap fires the "deviceready" event.  Since Chrome doesn't fire this event, my code isn't ever initialized.</p>
  
  <p>Here's a stripped down version of my code:</p>
  
  <pre><code>var dashboard = {};
  
  $(document).ready(function() {
      document.addEventListener("deviceready", dashboard.onDeviceReady, false);
  }); 
  
  dashboard.onDeviceReady = function() {
      alert("hello!"); //this is never fired in Chrome
  };
  </code></pre>
  
  <p>I've tried using the <a href="https://github.com/alunny/stopgap" rel="noreferrer" title="StopGap">StopGap</a> code, which basically just does the following:</p>
  
  <pre><code>var e = document.createEvent('Events'); 
  e.initEvent("deviceready");
  document.dispatchEvent(e);
  </code></pre>
  
  <p>But when I run that code in the Chrome javascript console, the "hello" alert still doesn't trigger.  What am I doing wrong?  Or does chrome just not support firing "custom" events like deviceready?</p>