Dive into html5 8

You are here: Home ‣ Dive Into HTML5 ‣

LET’S TAKE THIS OFFLINE

Show table of contents

DIVING IN

Hat is an offline web application? At first glance, it sounds like a contradiction in terms. Web pages are things you download and render. Downloading implies a network connection. How can you download when you’re offline? Of course, you can’t. But you can download when you’re online. And that’s how HTML5 offline applications work.

At its simplest, an offline web application is a list of URLs – HTML, CSS, JavaScript, images, or any other kind of resource. The home page of the offline web application points to this list, called a manifest file, which is just a text file located elsewhere on the web server. A web browser that implements HTML5 offline applications will read the list of URLs from the manifest file, download the resources, cache them locally, and automatically keep the local copies up to date as they change. When the time comes that you try to access the web application without a network connection, your web browser will automatically switch over to the local copies instead.

From there, most of the work is up to you, the web developer. There’s a flag in the DOM that will tell you whether you’re online or offline. There are events that fire when your offline status changes (one minute you’re offline and the next minute you’re online, or vice-versa). But that’s pretty much it. If your application creates data or saves state, it’s up to you to store that data locally while you’re offline and synchronize it with the remote server once you’re back online. In other words, HTML5 can take your web application offline. What you do once you’re there is up to you.

OFFLINE SUPPORT
IE FIREFOX SAFARI CHROME OPERA IPHONE ANDROID
· 3.5+ 4.0+ 5.0+ 10.6+ 2.1+ 2.0+
❧

THE CACHE MANIFEST

An offline

web application revolves around a cache manifest file. What’s a manifest file? It’s a list of all of the resources that your web application might need to access while it’s disconnected from the network. In order to bootstrap the process of downloading and caching these resources, you need to point to the manifest file, using a manifest attribute on your element.

…

Your cache manifest file can be located anywhere on your web server, but it must be served with the content type text/cache-manifest. If you are running an Apache-based web server, you can probably just put an AddType directive in the. htaccess file at the root of your web directory:

AddType text/cache-manifest. manifest
Then make sure that the name of your cache manifest file ends with. manifest. If you use a different web server or a different configuration of Apache, consult your server’s documentation on controlling the Content-Type header.

ASK PROFESSOR MARKUP
☞Q: My web application spans more than one page. Do I need a manifest attribute in each page, or can I just put it in the home page?

A: Every page of your web application needs a manifest attribute that points to the cache manifest for the entire application.

OK, so every one of your HTML pages points to your cache manifest file, and your cache manifest file is being served with the proper Content-Type header. But what goes in the manifest file? This is where things get interesting.

The first line of every cache manifest file is this:

CACHE MANIFEST
After that, all manifest files are divided into three parts: the “explicit” section, the “fallback” section, and the “online whitelist” section.

(No Ratings Yet)

Похожие топики по английскому:

Fast food – pop-corn Fast food Have you ever enjoyed a hamburger, sitting on a lawn? May be you’re against all these hot dogs and cheeseburgers, because it’s a...

Sergey yesenin – let”s sit down here, my dearest Let”s sit down here, my dearest, Look and see how much I care. I will listen to the tempest Under your submissive stare. All this...

John grisham. the testament The Testament John Grisham ONE. DOWN TO THE LAST DAY, even the last hour now. I’m an old man, lonely and unloved, sick and hurting...

1.6 the functions of performance measurement Even if we don’t always measure well, we tend to measure often. That’s why this book is about how to measure both often and well....

10 ways you can improve your credit score right now If you don’t understand your credit score and how it’s calculated then you’re in the dark regarding one of the most important aspects of your...

O. henry the voice of the city 1919 THE VOICE OF THE CITY Twenty-five years ago the school children used to chant their Lessons. The manner of their delivery was a singsong recitative...

Esquire. what i’ve learned: homer simpson When someone tells you your butt is on fire, you should take them at their word. There is no such thing as a bad doughnut....

To (preposition) To (Preposition) Category: Prepositions To is a preposition of direction. When talking about the direction of a motion, to is used. ex. I like walking...

Verbs Appear (в значении ‘казаться’), Assume – полагать, Be – быть, Believe – верить, считать, Belong – принадлежать, Consider (в значении ‘считать’), Consist – состоять, Contain...

Tell, talk Слова TELL, TALK Третья пара: to tell, to talk Приведем несколько устойчивых оборотов с глаголом to tell: Tо tell the truth – говорить правду Tо...

Dennis ritchie Dennis MacAlistair Ritchie (username: dmr, September 9, 1941 – October 9, 2011) was an American computer scientist notable for developing C and for having influence...

The rose tree There was once upon a time a good man who had two children: a girl by a first wife, and a boy by the second....

Esquire’s 70 greatest sentences Esquire’s 70 Greatest Sentences Seventy lines that sparkle, invoke, provoke, or are just damn enjoyable to read. Now he would never write the things that...

Are you influenced by advertising It goes without saying that all of us are influenced by adverts, commercials, brochures, bright pictures, sample sales and free gifts that are used to...

At the restaurant (from “a thing of beauty” by a. j. cronin) Archibald Joseph Cronin was born in 1896. In 1919 he graduated from Glasgow University where he took a medical course. After that he practised medicine...

Second japanese nuclear reactor at risk of exploding Government officials say as many as 160 people may have been exposed to radiation in Fukushima Prefecture Japan is struggling to keep nuclear power reactors...

Lazy programming No this isn’t about how Haskell evaluates stuff, but how people design and write code. There’s a mobile phone ad showing in the UK at...

John grisham. the runaway jury The Runaway Jury John Grisham One The face of Nicholas Easter was slightly hidden by a display rack filled with slim cordless phones, and he...

John grisham. the last juror The Last Juror John Grisham PART ONE CHAPTER 1 After decades of patient mismanagement and loving neglect, The Ford County Times went bankrupt in 1970....

Unit 61. verb + preposition + ~ing (succeed in ~ing/accuse somebody of ~ing etc.) – grammar in use A. Many verbs have the structure verb + preposition (in/for/about etc.) + object. For example: verb + preposition + object We talked about the problem....