CYAN YELLOW SPOT MATTE MAGENTA BLACK PANTONE 123 C ® Companion BOOKS FOR PROFESSIONALS BY PROFESSIONALS eBook Available Building JavaScript, CSS, HTML, and Ajax-Based Beginning his book will save you countless hours of wondering, “Why doesn’t this web Applications for iPhone, Android, Palm Pre, BlackBerry, site work on my phone?” I explain how Web traffic travels from your phone TITLES T through the mobile network, out to the Internet and back, where disruptions Windows Mobile, and Nokia S60 occur along this path, and how a clever programmer minimizes these risks. RELATED Web browsers in mobile devices aim to comply with web and mobile industry stan- dards. This book teaches you the standards, best practices, and development tech- niques for building interactive Mobile Web pages for browsers in smartphones and Smartphone Web Development SmartphoneWeb other mobile devices. The standards-based Mobile Web browser is the most promising cross-platform (and cross-cultural) mobile technology. It can reach more of the world population than any other digital medium. With this book, you will: • Build interactive Mobile Web sites using web technologies optimized for browsers in smartphones • Learn markup fundamentals, design principles, content adaptation, usability, and interoperability • Explore cross-platform standards and best practices for the Mobile Web authored by the W3C, dotMobi, and similar organizations • Dive deep into the feature sets of the most popular mobile browsers, including WebKit, Safari Mobile, Chrome, webOS, IE Mobile, and Opera Mobile The book is based on my Mobile Web development courses currently taught at Portland Community College in Portland, Oregon. In turn, the courses are based on knowledge gained from my experiences deploying Mobile Web sites and mobile applications in the United States and Europe. Beginning I advocate for standards-based Mobile Web development because I believe the Mo- bile Web is a fundamentally different medium than the Desktop Web. The Mobile Web is a thrilling and chaotic ecosystem. It races where the Desktop Web plods. Syn- tax, semantics, design, user behavior, defensive programming, and even SEO are all new on the Mobile Web. This book helps you survive in the ecosystem by address- ing these topics. I consider this book to be “boot camp” for the Mobile Web. My hope is that this book Smartphone gives you the skills and confidence to develop Mobile Web applications for all kinds of mobile devices, especially smartphones. Frederick Frederick Web Development with Lal Gail Rahn Frederick with Rajesh Lal COMPANION eBOOK SEE LAST PAGE FOR DETAILS ON $10 eBOOK VERSION ISBN 978-1-4302-2620-8 5 39 9 9 US $39.99 Shelve in Mobile Computing SOURCE CODE ONLINE User level: www.apress.com Beginner--Intermediate 9 781430 226208 http://learnthemobileweb.com/books/ this print for content only—size & color not accurate Trim: 7.5 x 9.25 spine = 0.84375" 368 page count Beginning Smartphone Web Development Building JavaScript, CSS, HTML and Ajax-based Applications for iPhone, Android, Palm Pre, BlackBerry, Windows Mobile, and Nokia S60 ■ ■ ■ Gail Rahn Frederick with Rajesh Lal i Beginning Smartphone Web Development: Building JavaScript, CSS, HTML and Ajax-based Applications for iPhone, Android, Palm Pre, BlackBerry, Windows Mobile, and Nokia S60 Copyright © 2009 by Gail Rahn Frederick with Rajesh Lal All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage or retrieval system, without the prior written permission of the copyright owner and the publisher. ISBN-13 (pbk): 978-1-4302-2620-8 ISBN-13 (electronic): 978-1-4302-2621-5 Printed and bound in the United States of America 9 8 7 6 5 4 3 2 1 Trademarked names may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, we use the names only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark. President and Publisher: Paul Manning Lead Editor: Tom Welsh Technical Reviewer: James Pearce Editorial Board: Clay Andres, Steve Anglin, Mark Beckner, Ewan Buckingham, Gary Cornell, Jonathan Gennick, Jonathan Hassell, Michelle Lowman, Matthew Moodie, Duncan Parkes, Jeffrey Pepper, Frank Pohlmann, Douglas Pundick, Ben Renow-Clarke, Dominic Shakeshaft, Matt Wade, Tom Welsh Coordinating Editor: Debra Kelly Copy Editors: Patrick Meader, Katie Stence, and Sharon Terdeman Compositor: MacPS, LLC Indexer: BIM Indexing & Proofreading Services Artist: April Milne Cover Designer: Anna Ishchenko Distributed to the book trade worldwide by Springer-Verlag New York, Inc., 233 Spring Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax 201-348-4505, e-mail [email protected], or visit http://www.springeronline.com. For information on translations, please e-mail [email protected], or visit http://www.apress.com. Apress and friends of ED books may be purchased in bulk for academic, corporate, or promotional use. eBook versions and licenses are also available for most titles. For more information, reference our Special Bulk Sales– eBook Licensing web page at http://www.apress.com/info/bulksales. The information in this book is distributed on an “as is” basis, without warranty. Although every precaution has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work. The source code for this book is available to readers at http://www.apress.com. A “live” version of the source code is maintained by the author at http://learntheweb.com/books. ii For Kim, Nixon, and Fish and Chips.—Gail Rahn Frederick To Lakshmi: Kaise Mujhe Tum Mil Gayee (how I found you).—Rajesh Lal iii Contents at a Glance ■Contents at a Glance............................................................................................................................ iv ■Contents ............................................................................................................................................... v ■About the Authors ................................................................................................................................ x ■About the Technical Reviewers ........................................................................................................... xi ■Acknowlegments................................................................................................................................ xii ■Introduction...................................................................................................................................... xiiii Part I: Getting Started with Mobile Web Development ............................................................................ 1 ■Chapter 1: Introduction to Mobile Web Development........................................................................... 3 ■Chapter 2: Set Up Your Mobile Web Development Environment......................................................... 15 Part II: The Syntax of the Mobile Web ................................................................................................... 45 ■Chapter 3: Mobile Markup Languages................................................................................................ 47 ■Chapter 4: Device Awareness and Content Adaptation ...................................................................... 97 ■Chapter 5: Adding Interactivity with JavaScript and AJAX.............................................................. 135 Part III: Advanced Mobile Web Development Techniques ................................................................... 161 ■Chapter 6: Mobile Web Usability ...................................................................................................... 163 ■Chapter 7: Enhancing Mobile Web Pages for Smartphone Browsers............................................... 187 Part IV: Deploying into the Mobile Ecosystem..................................................................................... 211 ■Chapter 8: Optimizing Mobile Markup.............................................................................................. 213 ■Chapter 9: Validating Mobile Markup............................................................................................... 239 ■Chapter 10: Testing a Mobile Web Site............................................................................................. 259 ■Chapter 11: Deploying a Mobile Web Site ........................................................................................ 273 ■Chapter 12: How to Play Well in the Mobile Ecosystem ................................................................... 289 ■Chapter 13: The Future of the Mobile Web ....................................................................................... 303 Part V: Appendixes .............................................................................................................................. 315 ■Appendix A: Sample User-Agents from Mobile Devices ................................................................... 317 ■Appendix B: Sample Request Headers from Mobile Devices............................................................ 321 ■Appendix C: Glossary.......................................................................................................................