| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: tutorial | 2 layout: tutorial |
| 3 title: "Use IndexedDB" | 3 title: "Use IndexedDB" |
| 4 description: "Use IndexedDB for persistence and offline capability for your app.
" | 4 description: "Use IndexedDB for persistence and offline capability for your app.
" |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: indexeddb | 7 id: indexeddb |
| 8 next: cmdline/ | 8 next: cmdline/ |
| 9 next-title: "Write Command-Line Apps" | 9 next-title: "Write Command-Line Apps" |
| 10 prev: forms/ | 10 prev: forms/ |
| (...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 117 <a href="index.html#run-the-app">this page</a>. | 117 <a href="index.html#run-the-app">this page</a>. |
| 118 The milestone you created still exists | 118 The milestone you created still exists |
| 119 because the app stored it in an IndexedDB in the browser. | 119 because the app stored it in an IndexedDB in the browser. |
| 120 | 120 |
| 121 Use the minus (**-**) button to the right of a milestone | 121 Use the minus (**-**) button to the right of a milestone |
| 122 to delete that milestone. | 122 to delete that milestone. |
| 123 Use the **Clear** button to delete all the milestones. | 123 Use the **Clear** button to delete all the milestones. |
| 124 | 124 |
| 125 <iframe class="running-app-frame" | 125 <iframe class="running-app-frame" |
| 126 style="height:400px;width:600px;" | 126 style="height:400px;width:600px;" |
| 127 src="examples/count_down/out/web/count_down.html"> | 127 src="examples/count_down/web/count_down.html"> |
| 128 </iframe> | 128 </iframe> |
| 129 | 129 |
| 130 <aside class="alert"> | 130 <aside class="alert"> |
| 131 <strong>Version Note:</strong> The count_down app | 131 <strong>Version Note:</strong> The count_down app |
| 132 is compatible with | 132 is compatible with |
| 133 <a href="https://pub.dartlang.org/packages/polymer#versions">polymer.dart 0.9</a
>. | 133 <a href="https://pub.dartlang.org/packages/polymer#versions">polymer.dart 0.10</
a>. |
| 134 </aside> | 134 </aside> |
| 135 | 135 |
| 136 ###Using developer tools to look at the database | 136 ###Using developer tools to look at the database |
| 137 | 137 |
| 138 You can use the browser's developer tools | 138 You can use the browser's developer tools |
| 139 to explore the IndexedDB databases used by your apps. | 139 to explore the IndexedDB databases used by your apps. |
| 140 In Chrome, select **View > Developer > Developer Tools**, | 140 In Chrome, select **View > Developer > Developer Tools**, |
| 141 then choose **Resources** from the tabs along the top of the window. | 141 then choose **Resources** from the tabs along the top of the window. |
| 142 The following diagram shows the database | 142 The following diagram shows the database |
| 143 for the count_down app with two milestones. | 143 for the count_down app with two milestones. |
| (...skipping 578 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 722 | 722 |
| 723 ###What next? | 723 ###What next? |
| 724 | 724 |
| 725 You've completed the tutorials! | 725 You've completed the tutorials! |
| 726 Check out the Dart | 726 Check out the Dart |
| 727 [code samples](/samples/) and [articles](/articles/). | 727 [code samples](/samples/) and [articles](/articles/). |
| 728 | 728 |
| 729 {% endcapture %} | 729 {% endcapture %} |
| 730 | 730 |
| 731 {% include tutorial.html %} | 731 {% include tutorial.html %} |
| OLD | NEW |