HTML and CSS Reference
In-Depth Information
A developer not including the
preventDefault
method, which tells the browser to “back off ” while you're moving an
element with your finger, often causes this. It's really simple to add this, so take a look at the following:
<script>
document.ontouchmove = function(event){
event.preventDefault();
}
</script>
Keep in mind that most times publishers will include the specific HTML meta tags for locking the browser's viewport,
but it's still nice to know another option should you need to address it on the ad's end.
Summary
This chapter was chock full of useful tips and tricks about storing assets offline, what goes into tracking for offline use,
and general debugging and optimization. You dove into what it takes to cache assets using HTML5's AppCache and
what assets you shouldn't cache because of file sizes. I discussed how this is ultimately up to publisher requirements
in the in-application world, since if an application isn't supported offline, your advertisements won't be either. In
addition to HTML5's application cache, you learn about what it takes to detect when your web content is online and
offline using
navigator.onLine
as well as what it takes leveraging an SDK in the in-application world. I talked briefly
about emerging APIs like the Network Connection API and how once the specification finalizes and browser adoption
takes, you'll have a very nice API for offering adaptive experiences to end users. Following up on offline, I discussed
how metrics could still be tallied in an offline state using offline-tracking techniques. Whether you're tracking
metrics in-application using a cache file and an SDK or you're on a mobile device using DOM storage or client-side
databases, rest assured you have the technology to pull this off. Lastly, I discussed the complex topic of debugging
and optimization. This topic is something I'm extremely passionate about and so should you be if you aim to serve
advertising content on the Web with HTML5. I covered all the tools and techniques you have at your fingertips to get
the smallest file size and analyze your ad content across multiple screens.
As you wrap up your thoughts around offline, tracking, and debugging, you'll head into the enormous domain
of dynamic advertising with HTML5. Things get really exciting when you incorporate dynamic elements into your
advertisements, but they also get pretty complex to create and debug. However, rest assured you now have the
knowledge to tackle the topics in this next chapter head on.
