Download the Source

Once you've successfully boostrapped your development environment, download the source from the AEM App Build Tile:

Click on the PhoneGap Build tile dropdown chevron.

Click Download Source.

Select the desired source from the Download Source modal.

Bemærk:

The development source contains the latest state of your app, while including un-staged changes. Use the Staging source for building release candidates for submitting to app store vendors.

If you never stage your app, selecting Staging will trigger the staging workflow (hint: this will show up as a staged app in the PhoneGap Enterprise Viewer App available in the AppStore and Google PlayStore).

Click Download and save save the ZIP to your machine.

Extract the downloaded zip file to your workspace.

Build and load the App (from source)

PhoneGap CLI can create a platform project, compile the source, and deploy the app in a single command.

Debug JavaScript with Safari's Web Inspector

You can set breakpoints anywhere in your source. When you interact with your emulator or device, the execution of your app will stop at those breakpoints. You can step trough the execution and inspect the values in variables.

Click Resources in the Web Inspector window

Navigate the source tree and click on desired source file

Click on the line number adjacent to add a breakpoint

Interact with device or emulator

Use the control buttons to continue execution, step over, step into and step out of methods:

Bemærk:

To see the values of variables, in the current method, hover your mouse.