Untitled

//detect if Phonegap or Not
alert('launching app');
if ( isPhoneGap() ) {
    console.log("Running on PhoneGap!");
    var deviceReadyDeferred = $.Deferred();
    var jqmReadyDeferred = $.Deferred();
    document.addEventListener("deviceReady", deviceReady, false);
    function deviceReady() {
        deviceReadyDeferred.resolve();
        alert('deviceready');
    }
    $(document).one("mobileinit", function () {
        jqmReadyDeferred.resolve();
        alert('mobileinit');
    });
    $.when(deviceReadyDeferred, jqmReadyDeferred).then(doWhenBothFrameworksLoaded);
    function doWhenBothFrameworksLoaded() {
        console.log('both frameworks are loaded');
        EVERYTHING();
    }
} else {
    console.log("NOT Running on PhoneGap!");
    EVERYTHING();
}

function isPhoneGap() {
    return (cordova || PhoneGap || phonegap)
    && /^file:/{3}[^/]/i.test(window.location.href)
    && /ios|iphone|ipod|ipad|android/i.test(navigator.userAgent);
}

function EVERYTHING() {
//.....I put all my js here
}

<!DOCTYPE html>
<html> <!--  manifest="boardline.appcache">-->
    <head>
        <title>BoardLine</title>

</head>

    <body>

   <!-- SPLASH PAGE -->
   <div id="splash-page" data-role="page">
    <header data-role="header">
            <h1>myapp</h1>
        </header>
        <center id="splashLogoCenter">
            <img src="images/splash.png" width="200" />
        </center>
        <center id="splashSloganCenter">
            <h2>GET.</h2>
        </center>

   </div>

....

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/jquery.mobile.config.js"></script>
    <script src="js/jquery.mobile-1.3.2.js"></script>
    <script src="js/flexslider-v2.js"></script> <!-- v2.2 doesn't work, maybe because we're not using last versions of jquery and jqm -->

    <!-- ADD2HOME : create a shortcut icon of the wep app on the phone homescreen -->
    <script type="application/javascript" src="js/add2home.js"></script>

<script src="js/jquery.ddslick.min.js"></script>
    <script src="js/jquery-geturlvar.js"></script>
    <script src="js/html2canvas.js"></script>
<!--    <script src="js/jquery.color-2.1.2.min.js"></script>-->
    <script src="js/functions.js"></script>
    <script src="js/functionCUgly.js"></script>
    <script src="js/boardDims.js"></script>
    <script src="phonegap.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> <!--google charts-->
    <script type="text/javascript">google.load('visualization', '1.0', {'packages':['corechart']});</script> <!--google charts -->


  </body>
</html>