/lsfashion

Primary LanguageJavaScriptOtherNOASSERTION

Blank Intel XDK and Apache Cordova Project

See LICENSE.md for license terms and conditions.

Project File Information

The icon.png and screenshot.png files are not required by your project. They are included for use by the Intel XDK template/demo panel and have no use within a real app. You can safely delete them from your project directory.

The cordova.js script is needed to provide your app with access to Cordova APIs. To add Cordova APIs to your application you must add the corresponding Cordova plugins. See the Plugins section on the Projects tab.

Project Details

Use this project as a starting point for an Intel XDK or Apache Cordova hybrid mobile app. One key file (init-dev.js) contains the initialization code needed to manage the "ready" event. This file manages the Cordova "deviceready" event and the standard browser "documentready" event init events in a way that allows you to run your app in either a Cordova or web app environment. This init code works:

  • within the the Intel XDK Simulate tab (and old Emulate tab)

  • in the Intel XDK App Preview application (Test tab)

  • when you run your app inside a standard Browser

  • in an app built using Apache Cordova (aka Cordova CLI) of PhoneGap

When init-dev.js completes execution it issues a custom app.Ready event. Use this event to start your application, rather than waiting on "deviceready" or "documentready" or "windowload" or similar events. You should not have to modify anything in init-dev.js to use this code. Also, init-dev.js has been written so that it is not dependent on any external libraries or specific webviews. It has been tested with the following webviews and browsers:

  • Android 2.3, 4.0-4.3, 4.4, 5.x, 6.x and 7.x

  • iOS 6, 7, 8, 9 and 10

  • Windows 8 Phone, Windows 8.x and Windows 10

  • Crosswalk

  • Chrome Desktop Browser

  • Internet Explorer 10 and 11 and Microsoft Edge

This blank project works well for converting an existing web app into a hybrid app. One of the biggest issues encountered when porting a web app to a hybrid app is resolving the init sequence of the web app with the init sequence required of a hybrid HTML5 app. This gets especially difficult when large third-party libraries are part of the app. Due to the additional burden of initializing the underlying native code layer, developers sometimes have trouble getting their code that runs in a desktop browser to initialize in an HTML5 hybrid webview. Frequently this is due to the significant difference in resources between the desktop browser and the mobile webview (e.g., less memory, lower performance and a reduced feature set).

There are many comments in the files in this project. Please read those comments for details and further documentation. In particular, see the comments in the index.html file for recommendations on how to load your third-party libraries relative to your application code and the special Cordova library.

There are a large number of console.log() messages contained within init-dev.js. They can be used to debug initialization problems and understand how the file works. It is highly recommended that you leave those console.log() messages in that file, they will not unduly slow down or burden your application. Set dev.LOG = true to enable the console.log() messages in init-dev.js and set it to false for release code, it is normally set to false.

BTW: the "dev” prefix refers to "device" in this context, not "develop," because it grew out of a desire to build a more reliable and flexible "device ready" detector.