Chapter 4

Enhancing Your App


  • Making your mobile app work when the device is offline
  • Handling one-finger touch events
  • Handling multitouch events with more than one finger
  • Handling complex gestures
  • Handling the two-finger pinch zoom gesture
  • Handling the two-finger rotation gesture
  • Providing a home screen icon for your app
  • Providing a splash screen for your app

Your mobile web app should aim to provide the same level of user experience as a native app. In Chapter 3, you mastered the basic processes involved in building production-ready mobile web apps. Now it’s time to start filling in the details and take your app to the next level.

In general, mobile web apps need an Internet connection. Or do they? In this chapter, you’ll learn how to take your app offline. This is one of the most important things you can do to enhance your app, as mobile devices often have unreliable network connections. Your app should still work in underground rail tunnels, in the air, or in remote areas with weak coverage.

The users of your app will expect it to react to their fingers in the same way as native apps. You need to know how to respond to touch events involving one or more fingers. This chapter shows you how.

Finally, it would be nice to have your own icon for your app, instead of the default one. You’ll learn how to provide one.


HTML5 provides a way for web browsers to cache the files required for a web application. The files are stored ...

Get Beginning Mobile Application Development in the Cloud now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.