JavaScript Mobile Application Development

Book Image

JavaScript Mobile Application Development

Book Image

JavaScript Mobile Application Development

Overview of this book

JavaScript Mobile Application Development

JavaScript Mobile Application Development

Credits

About the Author

About the Author

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

An Introduction to Apache Cordova

An Introduction to Apache Cordova

What is Apache Cordova?

The differences between mobile web, hybrid mobile, and native mobile applications

Why you should use Cordova

Cordova architecture

Overview of Cordova APIs

Developing Your First Cordova Application

Developing Your First Cordova Application

An introduction to Cordova CLI

Developing Sound Recorder application

Building and running Sound Recorder application

Apache Cordova Development Tools

Apache Cordova Development Tools

Configuring Android development environment

Configuring iOS development environment

Configuring the Windows Phone development environment

Cordova API in Action

Cordova API in Action

Exploring the Cordova Exhibition app

The Cordova Exhibition app structure

Diving Deeper into the Cordova API

Diving Deeper into the Cordova API

Media, file, and capture

Finalizing the Cordova Exhibition app

Developing Custom Cordova Plugins

Developing Custom Cordova Plugins

Developing a custom Cordova plugin

Developing Android code

Developing iOS code

Developing Windows Phone 8 code

Publishing our plugin to Cordova Registry

Testing our Cordova plugin

Unit Testing the Cordova App's Logic

Unit Testing the Cordova App's Logic

What is Jasmine

Configuring Jasmine

Writing your first Jasmine test

Jasmine Matchers

Jasmine in action – developing Cordova app tests

Automating tests using Karma

Applying it All – the Mega App

Applying it All – the Mega App

Mega App specification/wireframes

Preparing for the Mega App

The Mega App architecture

The Mega App model and API

The Mega App user interface

Finalizing Mega App

Deploying and running Mega App

Start contributing to Mega App

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

InAppBrowser

The InAppBrowser plugin can provide a web browser view that is displayed when calling the window.open() function or when opening a link formed as <a target="_blank">.

In order to use the InAppBrowser plugin in our Apache Cordova project, we need to use the following cordova plugin add command:

> cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Demo

In order to access the InAppBrowser demo, you can click on the InAppBrowser list item. You will be introduced to the InAppBrowser page. As shown in the following screenshot, you can click on the Open and Close web page button in order to open the http://www.google.com/ web page using InAppBrowser. Note that the opened web page will be closed after 10 seconds.

Opening an external page using InAppBrowser

The HTML page

The following code snippet shows the "inAppBrowser" page:

<div data-role="page" id="inAppBrowser">
    <div data-role="header">
        <h1>InAppBrowser&lt...