Combining Cordova deviceready and domready in a Component(1) app

component.json

{
  "locals": [
    "foobar"
  ],
  "dependencies": {
    "jb55/domready": "*"
  },
  "scripts": [
    "index.js"
  ]
}

index.js

var domready = require('domready');
var foobar = require('foobar');

var isPhone = false;

// see http://stackoverflow.com/questions/12576062/jquery-document-ready-vs-phonegap-deviceready#answer-14109006
domready(function() {
  // are we running in native app or in a browser?
  if('file:' === document.location.protocol) {
    isPhone = true;
  }
  
  if(isPhone) {
    document.addEventListener("deviceready", onDeviceReady, false);
  } else {
    onDeviceReady();
  }
});

function onDeviceReady () {
  console.log('deviceready! get it on.')
  foobar.init();
}

Is there any difference between document.location.href and document.URL?

Also, it's probably simpler to set isphone to true if 'file:' === document.location.protocol; at least for Cordova apps...

And I'd prefer if isphone wasn't on the window object.