- PhoneGap 3 Beginner's Guide
- Table of Contents
- PhoneGap 3 Beginner's Guide
- Credits
- Foreword
- About the Author
- About the Reviewers
- www.PacktPub.com
- Preface
- 1. Getting Started with PhoneGap
- PhoneGap and Apache Cordova
- The evolution of PhoneGap from 1.4 to 3.x
- A note about operating systems
- A note about the command-line tool
- Installing PhoneGap
- Installing dependencies
- Setting up your development environment
- Time for action – setting up Android using PhoneGap 2.x
- Time for action – setting up iOS using PhoneGap 2.x
- Time for action – setting up Windows Phone using PhoneGap 2.x
- Getting Started with Android and Eclipse
- Time for action - installing ADT into Eclipse
- Getting started with iOS and Xcode
- Getting started with Windows Phone and Visual Studio
- Creating a common code base for multiplatform apps
- Summary
- 2. Building and Debugging on Multiple Platforms
- Development tools
- Time for action – configuring the cloud service in Bracket
- Native, web, and hybrid apps
- Working with desktop browsers
- Mobile debugging workflow
- Remote debugging
- Time for action – configuring iWebInspector for iOS debugging
- Time for action – configuring Node.js and weinre
- Time for action – integrating Edge Inspect and weinre
- Mimicking mobile counterparts
- Summary
- 3. Getting Started with Mobile Applications
- Mobile-centric HTML/CSS/JavaScript
- Performance best-practices
- Understanding screen size and pixel density
- Time for action – scaling UI images according to pixel density
- Writing effective JavaScript
- Choosing web app templates
- Setting up your project using cordova-cli
- Time for action – installing cordova-cli using npm
- Your first application – "Hello World"
- Time for action – creating your first cross-platform app
- Time for action – programmatically opening a modal window using Bootstrap
- Achieving a native look and feel on iOS
- Time for action – setting up a native-like CSS for your app
- Summary
- 4. Architecting Your Mobile App
- Fine-tuning your development environment
- Time for action – customizing the shell
- Time for action – enabling Live Reload
- Reviewing the JavaScript guidelines
- Exploring the sample app
- Building the app's core
- Time for action – Require.js Bootstrap
- Time for action – creating a Mustache template
- Time for action – loading and parsing a template
- The splash screen
- Time for action – adding a splash screen to your app
- Summary
- 5. Improving the User Interface and Device Interaction
- Exploring JavaScript compression
- Time for action – compressing files using the Closure Compiler
- Time for action – using UglifyJS with the Closure Compiler
- Time for action – optimizing JavaScript with Require.js
- Comparing compression tools
- Using template engine compression
- Time for action – compiling a template using pistachio
- Handling a retina display user interface
- Time for action – user interface elements and retina display
- Creating fluid, multiple app views
- Time for action – accessing the device API
- Time for action – creating the templates
- Using hardware-accelerated transitions
- Getting started with the PhoneGap APIs
- Exploring the Connection API
- Summary
- 6. Using Device Storage and the Contacts API
- 7. Accessing Device Sensors
- 8. Using Location Data with PhoneGap
- 9. Manipulating Files
- 10. Capturing and Manipulating Device Media
- 11. Working with PhoneGap Plugins
- A. Localizing Your App
- B. Publishing Your App
- C. Pop Quiz Answers
- Chapter 2, Building and Debugging on Multiple Platforms
- Chapter 3, Getting Started with Mobile Applications
- Chapter 4, Architecting Your Mobile App
- Chapter 5, Improving the User Interface and Device Interaction
- Chapter 6, Using Device Storage and the Contacts API
- Chapter 7, Accessing Device Sensors
- Chapter 8, Using Location Data with PhoneGap
- Chapter 9, Manipulating Files
- Chapter 10, Capturing and Manipulating Device Media
- Chapter 11, Working with PhoneGap Plugins
- Index
The latest release of Edge Inspect (previously known as Adobe Shadow) allows you to set up your custom weinre server instead of the default Adobe's hosted one. Follow these steps in order to set up your own server:
You connected the extension to a private server avoiding any kind of traffic outside your network (it could be very important when working on NDA projects).
iOS 6 introduces the Safari Web Inspector to both the iPhone and the iPad via the Safari Remote Debugging interface.
It works similar to Chrome for Android remote debugging and behaves in a similar fashion, such that when you select an item in the Safari desktop inspector, it is highlighted on the iOS device. You can enable the Web Inspector by navigating to Settings | Safari | Advanced and use it to debug:
- A safari window on your iOS device or simulator
- A chromeless web app installed on your iOS device or simulator
- A native app using a WebView such as PhoneGap apps
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.