ApplicationCache

You do not have permission to edit this page, for the following reasons:

The action you have requested is limited to users in the group: Users.
You must confirm your e-mail address before editing pages. Please set and validate your e-mail address through your user preferences.

Page Title

Custom page title (leave empty for default):

Please enter below any issues that apply to this page. You can find more about flags at WPD:Flags

High-level issues:	Stub Deletion Candidate Merge Candidate Split Candidate Move Candidate Copyright Issue Undescriptive Title Needs Flags Needs Topics Missing Relevant Sections Data Not Semantic Unreviewed Import Needs Review
Content:	Outdated Incomplete Errors Not Neutral Grammar/Spelling Cleanup Broken Links Compatibility Incomplete Examples Needed Examples Errors Examples Best Practices Accessibility Needs Summary

Note: You must include a {{Editorial/Copyright_Issue}} block because you checked off the Copyright Issue flag.

Note: You must include a {{Editorial/Merge_Candidate}} block because you checked off the Merge Candidate flag.

Note: You must include a {{Editorial/Deletion_Candidate}} block because you checked off the Deletion Candidate flag.

Note: You must include a {{Editorial/Move_Candidate}} block because you checked off the Move Candidate flag.

Checked out (this article is currently being worked on):
Block of editorial notes (put editorial notes here if the flags you check off require them):

Standardization Status:

API Name (used if the title of the article is not the way to call the API, often for technical reasons):

Top-Level Summary

Article Summary: No more than a paragraph. This text will be automatically included on some listing pages that link to this article.	The '''Application Cache''' (AppCache) lets web-based applications run offline. Developers can specify resources for the browser to cache, making them available to the application even if no connection can be made to the server. These resources load and work correctly even if users click the refresh button when they are offline.

Basic API Object Configuration

Subclass of (provide them in most recent ancestor to least, with commas separating. The first is primary, but everything after automatically pulls in those properties and methods in the listing view):
Overview:	An application cache provides the following benefits: * Offline browsing: users can navigate a site or use a web application although they are offline * Speed: cached resources are local, and therefore load faster * Reduced server load: the browser only downloads resources that have changed from the server.

Examples Section

Not required (suppresses printing of the entire section when checked) Note: Do not check this box without first reviewing with the community on the e-mail list. This check box should be used only in rare cases.

Example

Notes Section

Usage (optional):	In order to cache files, you must do the following: * Create a manifest file that lists the files and other web resources you want to cache. * Reference the manifest file in the header of every page you want cached. === The manifest file === The manifest file defines which web resources are cached when a user browses to your site. The manifest file typically has the extension '''.appcache''' or '''.manifest'''. Each webpage must add a manifest attribute to the HTML element similar to this: <pre><html manifest="example.appcache"></pre> You can use an absolute or relative URL. The cache manifest file lists the files that will be cached, using the format: <pre>CACHE MANIFEST # Version 1 CACHE: script/scriptfilename1.js css/cssfilename.css images/imagename1.png images/imagename2.jpg images/imagename3.png FALLBACK: # This will enable imagename4.png to be as a replacement for # all resources under the images dir when there is no network connectivity. images/ images/imagename4.png NETWORK: # This will prevent other network resources from being accessed. images/imagename5.png </pre> The first line of the manifest must read CACHE MANIFEST and the lines that follow it list the web resources you want to cache. You can use the # symbol to make comments. Alternatively, web resources that need to be cached can be specified by adding a “CACHE:” header section before the resources (as shown previously). In addition, fallback resources can be defined to replace general or specific web resources when there is no network connectivity. This is done by adding a “FALLBACK:” header section before the resources. These resources can be wildcard to specify a catch all mechanism (as shown previously). Be aware that there is a space after the first "images/" in the FALLBACK: section. This indicates that any files contained under the "images/" directory will fall back to a specific web resource (for example, images/imagename4.png) if they cannot be accessed from the network. Also, web resources can be specified to only be loaded from the network. This is done by adding a "NETWORK: " header section before the resources. This functionality can be used to scope down the number of resources that can be accessed from the network, thus, creating an allowed only list (as shown previously). {{{!}} ! Section ! Description {{!}}- {{!}} CACHE {{!}} This is the default section for entries. Files listed under this header (or immediately after the CACHE MANIFEST) will be explicitly cached after they're downloaded for the first time. {{!}}- {{!}} NETWORK {{!}} Files listed under this section are white-listed resources that require a connection to the server. All requests to these resources bypass the cache, even if the user is offline. Wildcards may be used. {{!}}- {{!}} FALLBACK {{!}} An optional section specifying fallback pages if a resource is inaccessible. The first URI is the resource, the second is the fallback. Both URIs must be relative and from the same origin as the manifest file. Wildcards may be used. {{!}}} '''ApplicationCache''' functionality is independent of HTTP caching headers. The manifest file implicitly includes itself as a page to be cached. It also needs to have the same domain of origin as the page that contains it.
Notes (optional):	=== Limitations === The [http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html specification] states that browsers "should consider applying constraints on disk usage". [http://www.browserscope.org/user/tests/table/agt1YS1wcm9maWxlcnINCxIEVGVzdBjwwK0RDA?v=3&layout=simple The disk usage constraints vary across browsers.]
Import Notes (only used for content that had nowhere else for input scripts to put it):

Related Specifications

Name:
URL:		Status:		Relevant changes:

Compatibility Section

Not required (suppresses printing of the entire section when checked)

Compatibility Information Imported From Other Pages

Compatibility Information (Desktop): DO NOT EDIT, UNDERGOING AUTOMATION

Feature:
Chrome Support:	Unknown No Yes Specific version:
Chrome Support (prefixed):	Unknown No Yes Specific version:
Firefox Support:	Unknown No Yes Specific version:
Firefox Support (prefixed):	Unknown No Yes Specific version:
Internet Explorer Support:	Unknown No Yes Specific version:
Internet Explorer Support (prefixed):	Unknown No Yes Specific version:
Opera Support:	Unknown No Yes Specific version:
Opera Support (prefixed):	Unknown No Yes Specific version:
Safari Support:	Unknown No Yes Specific version:
Safari Support (prefixed):	Unknown No Yes Specific version:

Compatibility Information (Mobile): DO NOT EDIT, UNDERGOING AUTOMATION

Feature:
Android Support:	Unknown No Yes Specific version:
Android Support (prefixed):	Unknown No Yes Specific version:
Blackberry Support:	Unknown No Yes Specific version:
Blackberry Support (prefixed):	Unknown No Yes Specific version:
Chrome for mobile Support:	Unknown No Yes Specific version:
Chrome for mobile Support (prefixed):	Unknown No Yes Specific version:
Firefox Mobile Support:	Unknown No Yes Specific version:
Firefox Mobile Support (prefixed):	Unknown No Yes Specific version:
IE Mobile Support:	Unknown No Yes Specific version:
IE Mobile Support (prefixed):	Unknown No Yes Specific version:
Opera Mobile Support:	Unknown No Yes Specific version:
Opera Mobile Support (prefixed):	Unknown No Yes Specific version:
Opera Mini Support:	Unknown No Yes Specific version:
Opera Mini Support (prefixed):	Unknown No Yes Specific version:
Safari Mobile Support:	Unknown No Yes Specific version:
Safari Mobile Support (prefixed):	Unknown No Yes Specific version:

Compatibility Note

Topics

See WPD:Topics for more information about these topics and how to add additional ones.

Topics:

Accessibility Appcache API ARIA Audio Canvas Compatibility Connectivity Control CSS CSS-Regions Design Developer Tools DOCTYPE DOM DOMEvents FileAPI FileSystemAPI Flexbox Gamepad Games Geolocation Graphics HTML IndexedDB Inheritance Internationalization JavaScript Library MathML Media Mobile Navigation Timing Performance Quota Management Resource Timing Security Shadow DOM SVG Timing Touch UI Usability User Timing Vendor Prefix Video WebAudio Web Messaging WebRTC Web Services WebSocket Webstorage Webworkers XHR XHTML XML

External Attribution Important

Please read and understand WPD:External Attribution before including content from other sources or using this part of the form.
Do not remove any external attributions cited here. Once established, external attribution must not be removed without Administrator approval.

Is under CC-BY-SA license:

Warning: switching the license to CC-BY-SA is a big deal. Please read WPD:External_Attribution before proceeding.

Sources: MDN MSDN HTML5Rocks Facebook HTML5 Resource Center DevOpera

MDN Link (optional if CC-BY-SA not checked):

MSDN Link (optional):

HTML5Rocks Link (optional):

Edit Details

Summary:

This is a minor edit Watch this page

Cancel

Topic clusters:	Canvas CSS Font CSS Layout Animation Audio Background Border Box Model CSS Attributes CSSOM Combinators Deprecated Document Structure Exclusions FileSystemAPI Filters Flexbox Fonts Generated and Replaced Content Gradients Grid Layout HTML Multimedia Media Queries Mobile Multi-Column Off-line Storage Paged Media Performance Pointer Events Pseudo-Classes Pseudo-Elements Regions Responsive Web Design Ruby Scrollbar Selectors Security Syntax Tables Text Touch Transforms Transitions Video Visual Effects Web Components WebRTC XHR
Manual links: (include bullet formatting but no section head)
External links: (include bullet formatting but no section head)	[http://alistapart.com/article/application-cache-is-a-douchebag Application Cache is a Douchebag] [http://www.html5rocks.com/en/tutorials/appcache/beginner/ HTML5Rocks - A Beginner's Guide to Using the Application Cache] [http://appcachefacts.info/ appcachefacts.info] [http://manifest-validator.com Cache Manifest Validator]
Manual sections: (raw other sections, including headers)

Search