Time for action – configuring iWebInspector for iOS debugging
by Giorgio Natili
PhoneGap 3 Beginner's Guide
- 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
In order to debug an Apache Cordova/PhoneGap app using iWebInspector, you have to perform the following steps:
- Find the
application:didFinishLaunchingWithOptionsmethod in theAppDelegate.mfile. - Add the following snippet of code inside the method (it works with iOS 5 and greater):
Class class = NSClassFromString(@"WebView"); [class performSelector: @selector(_enableRemoteInspector)];
- Once added the snippet creates a build.
- Run the app in the emulator.
- Use iWebInspector to load the app and play with the debug tools as you do when developing for the browser.
The app can be inspected as an HTML page; you can use all the browser debug techniques when emulating the app.
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.