Book Image

HTML5 Mobile Development Cookbook

By : Shi Chuan
Book Image

HTML5 Mobile Development Cookbook

By: Shi Chuan

Overview of this book

<p>How do I create fast and responsive mobile websites that work across a range of platforms? For developers dealing with the proliferation of mobile devices each with unique screen sizes and performance limitations, it is an important question. This cookbook provides the answer. You will learn how to apply the latest HTML5 mobile web features effectively across a range of mobile devices. <br /><br />HTML5 Mobile Development Cookbook will show you how to plan, build, debug and optimize mobile websites. Apply the latest HTML5 features that are best for mobile, while discovering emerging mobile web features to integrate in your mobile sites.<br /><br />Build a rock-solid default mobile HTML template and understand mobile user interaction. Make your site fast and responsive, leveraging the uniqueness of location-based mobile features and mobile rich media. Make your mobile website perfect using debugging, performance optimization and server-side tuning. The book finishes with a sneak preview of future mobile web technologies.</p>
Table of Contents (16 chapters)
HTML5 Mobile Development Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface

Storing performance data with Jdrop


Target browsers: cross-browser

Jdrop is used to store mobile device performance data. The JSON data are stored in the cloud.

Mobile device has small screen real estate, which makes analyzing huge chunks of information difficult. To counter the problem, Jdrop allows you to analyze data gathered from mobile devices on the large screen.

Getting ready

Sign in to Jdrop at http://jdrop.org/.

How to do it...

On your mobile device:

  1. 1. Sign in to Jdrop.

  2. 2. Install any of the apps that use Jdrop.

  3. 3. Run the app and save data to Jdrop.

On your desktop or laptop:

  1. 1. Sign in to Jdrop.

  2. 2. View the JSON data that you generated.

On mobile devices, the easiest way to start is to embed the contents of jdrop-example.js (can be found at: http://jdrop.org/jdrop-example.js) in your bookmarklet script. In addition, you also have to add a Save to Jdrop link to your bookmarklet that calls your function. You can find the code with explanation at: http://jdrop.org/devdocs.

Saving to Jdrop...