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