Book Image

HTML5 Enterprise Application Development

By : Nehal Shah, Gabriel José Balda Ortíz
Book Image

HTML5 Enterprise Application Development

By: Nehal Shah, Gabriel José Balda Ortíz

Overview of this book

<p>HTML5 has been a trending topic for a long time, but the lack of Flash support on iOS devices has sped up its penetration. New features in HTML5 come at a time when web developers are pushing the limits of what is achievable and HTML5, CSS3, and JavaScript have become an important alternative for building rich user interfaces.<br /><br />"HTML5 Enterprise Application Development" will guide you through the process of building an enterprise application with HTML5, CSS3, and JavaScript through creating a movie finder application. You will learn how to apply HTML5 capabilities in real development problems and how to support consistent user experiences across multiple browsers and operating systems, including mobile platforms.<br /><br />This book will teach you how to build an enterprise application from scratch using HTML5, CSS3, JavaScript, and external APIs.<br /><br />You will discover how to develop engaging experiences using HTML5 capabilities, including video and audio management, location services, and 3D and 2D animations. We will also cover debugging techniques, automated testing, and performance evaluations to give you all the tools needed for an efficient development workflow.<br /><br />"HTML5 Enterprise Application Development" is a comprehensive guide for anyone who wants to build an enterprise web application. You will learn through the implementation of a real-world application as we show you handy libraries, development tips, and development tools.</p>
Table of Contents (20 chapters)
HTML5 Enterprise Application Development
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Mobile debugging


Debugging HTML, CSS, and JavaScript can be painful in mobile web applications, particularly if we are using a touch device. Remote debugging provides a way to test your enterprise web applications in mobile devices using your desktop or laptop.

Chrome supports remote debugging via USB for Android devices: https://developers.google.com/chrome/mobile/docs/debugging.

Firefox 15 introduces remote debugging for Android too: https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/

Previous to Version 6, iOS devices had a simple interface inside the device for debugging.

Safari 6.0.1 (Mac only) and iOS 6 support remote debugging. To start remote debugging in any iOS 6:

  1. In the device (iPhone, iPad, or iPod) go to Settings | Safari | Advanced and enable the Web Inspector option.

  2. Open Safari in a Mac computer.

  3. Open the web application to debug using Safari in your iOS device.

  4. Connect the device to your Mac computer using a USB cable.

  5. If you don't have the Develop menu...