OLD | NEW |
(Empty) | |
| 1 --- |
| 2 layout: default |
| 3 title: Using Application Cache |
| 4 live_example_url: example/index.html |
| 5 |
| 6 header: |
| 7 css: ["/samples/samples.css"] |
| 8 --- |
| 9 |
| 10 ## {{ page.title }} |
| 11 |
| 12 A simple example to show the use of the Application Cache interface. |
| 13 |
| 14 For a thorough exploration of this topic, read |
| 15 [A Beginner's Guide to Using the Application |
| 16 Cache](http://www.html5rocks.com/en/tutorials/appcache/beginner/), |
| 17 an article by Eric Bidelman originally published on HTML5Rocks. |
| 18 |
| 19 Application Cache allows you to specify which files the browser should cache |
| 20 and make available to offline users. Your app will |
| 21 load and work correctly, even if the user presses the refresh button while |
| 22 offline. |
| 23 |
| 24 You can open the example in Dart Editor and run it by clicking `index.html`. |
| 25 Or, you can try this |
| 26 [live demo](http://www.dartlang.org/samples/appcache/). |
| 27 |
| 28 To see this example in action, make changes to `index.html` and then reload |
| 29 the app. Your changes don't show up because the browser displays a cached |
| 30 version of `index.html`. Next, change the date or version number in |
| 31 appcache.mf, and reload once more. You'll be prompted to load the new version. |
| 32 |
| 33 Read the |
| 34 [source](https://github.com/dart-lang/dart-samples/tree/master/web/html5/appcach
e/beginner). |
| 35 |
| 36 <iframe class="running-app-frame" |
| 37 style="height:500px;width:100%;" |
| 38 src="{{page.live_example_url}}"> |
| 39 </iframe> |
| 40 |
| 41 See all [samples](/samples/). |
OLD | NEW |