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

Using Firebug on mobile


Target browsers: cross-browser

Many people use Firebug on Firefox and Chrome, but Firebug Lite can be used on any browser that supports JavaScript. In this recipe, we will see how to use Firebug to debug.

Getting ready

Create an HTML document and name it ch07r02.html.

How to do it...

  1. 1. Enter the following code in HTML:

    <!doctype html>
    <html>
    <head>
    <title>Mobile Cookbook</title>
    <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <div id="main">
    </div>
    <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
    </body>
    </html>
    
  2. 2. Render it in a mobile browser:

How it works...

Firebug Lite is a JavaScript version of Firebug. The following line of code will load Firebug Lite script hosted on the Firebug site:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script...