| OLD | NEW |
| 1 <h1>Packaged Apps</h1> | 1 <h1>Packaged Apps</h1> |
| 2 | 2 |
| 3 | 3 |
| 4 <p class="warning"> | 4 <p class="warning"> |
| 5 <b>Warning: </b> | 5 <b>Warning: </b> |
| 6 All content in this doc refers to the legacy version of packaged apps. | 6 All content in this doc refers to the legacy version of packaged apps. |
| 7 Your legacy packaged apps will still work, | 7 Your legacy packaged apps will still work, |
| 8 but you won't have access to any of the new APIs. | 8 but you won't have access to any of the new APIs. |
| 9 Check out the new version of | 9 Check out the new version of |
| 10 <a href="../apps/about_apps.html">Chrome Apps</a>; | 10 <a href="../apps/about_apps">Chrome Apps</a>; |
| 11 otherwise, you're missing out! | 11 otherwise, you're missing out! |
| 12 </p> | 12 </p> |
| 13 | 13 |
| 14 <p> | 14 <p> |
| 15 This page talks about packaged apps—how | 15 This page talks about packaged apps—how |
| 16 you implement them, | 16 you implement them, |
| 17 and how they're different from | 17 and how they're different from |
| 18 extensions and ordinary web apps. | 18 extensions and ordinary web apps. |
| 19 </p> | 19 </p> |
| 20 | 20 |
| 21 <h2 id="overview">Overview</h2> | 21 <h2 id="overview">Overview</h2> |
| 22 | 22 |
| 23 <p> | 23 <p> |
| 24 A packaged app is a web app | 24 A packaged app is a web app |
| 25 that's bundled into a <code>.crx</code> file | 25 that's bundled into a <code>.crx</code> file |
| 26 and can use Chrome extension features. | 26 and can use Chrome extension features. |
| 27 You build a packaged app just like you build an extension, | 27 You build a packaged app just like you build an extension, |
| 28 except that a packaged app can't include a | 28 except that a packaged app can't include a |
| 29 <a href="browserAction.html">browser action</a> or | 29 <a href="browserAction">browser action</a> or |
| 30 <a href="pageAction.html">page action</a>. | 30 <a href="pageAction">page action</a>. |
| 31 Instead, a packaged app includes at least one HTML file | 31 Instead, a packaged app includes at least one HTML file |
| 32 within its <code>.crx</code> file | 32 within its <code>.crx</code> file |
| 33 that provides the app's user interface. | 33 that provides the app's user interface. |
| 34 </p> | 34 </p> |
| 35 | 35 |
| 36 <p> | 36 <p> |
| 37 Packaged apps are a type of | 37 Packaged apps are a type of |
| 38 <a href="http://code.google.com/chrome/apps/">installable web app</a>—a | 38 <a href="http://code.google.com/chrome/apps/">installable web app</a>—a |
| 39 web app that can be installed in Chrome. | 39 web app that can be installed in Chrome. |
| 40 The other type of installable web app is a | 40 The other type of installable web app is a |
| 41 <a href="http://code.google.com/chrome/apps/docs/developers_guide.html">hosted a
pp</a>, | 41 <a href="http://code.google.com/chrome/apps/docs/developers_guide">hosted app</a
>, |
| 42 which is an ordinary web app with a bit of additional metadata. | 42 which is an ordinary web app with a bit of additional metadata. |
| 43 </p> | 43 </p> |
| 44 | 44 |
| 45 <p> | 45 <p> |
| 46 If you're developing a web app for the Chrome Web Store, | 46 If you're developing a web app for the Chrome Web Store, |
| 47 you might want to use a packaged app | 47 you might want to use a packaged app |
| 48 instead of a hosted app if any of the following are true: | 48 instead of a hosted app if any of the following are true: |
| 49 </p> | 49 </p> |
| 50 | 50 |
| 51 <ul> | 51 <ul> |
| (...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 151 </dd> | 151 </dd> |
| 152 </dl> | 152 </dl> |
| 153 | 153 |
| 154 <p> | 154 <p> |
| 155 Packaged apps usually provide a 16x16 icon | 155 Packaged apps usually provide a 16x16 icon |
| 156 to be used as the favicon for | 156 to be used as the favicon for |
| 157 tabs that contain app's pages. | 157 tabs that contain app's pages. |
| 158 They also should provide a 128x128 icon, | 158 They also should provide a 128x128 icon, |
| 159 but not a 48x48 icon. | 159 but not a 48x48 icon. |
| 160 See the manifest documentation for the | 160 See the manifest documentation for the |
| 161 <a href="manifest/icons.html">"icons" field</a> | 161 <a href="manifest/icons">"icons" field</a> |
| 162 for more information. | 162 for more information. |
| 163 </p> | 163 </p> |
| 164 | 164 |
| 165 <p> | 165 <p> |
| 166 For further details on what a packaged app's manifest can contain, see the | 166 For further details on what a packaged app's manifest can contain, see the |
| 167 <a href="manifest.html">manifest documentation</a>. | 167 <a href="manifest">manifest documentation</a>. |
| 168 </p> | 168 </p> |
| 169 | 169 |
| 170 <h2 id="next">What next?</h2> | 170 <h2 id="next">What next?</h2> |
| 171 | 171 |
| 172 <p> | 172 <p> |
| 173 Read the <a href="overview.html">Overview</a> to learn | 173 Read the <a href="overview">Overview</a> to learn |
| 174 basic concepts about extensions. | 174 basic concepts about extensions. |
| 175 </p> | 175 </p> |
| 176 | 176 |
| 177 <p class="backtotop"><a href="#top">Back to top</a></p> | 177 <p class="backtotop"><a href="#top">Back to top</a></p> |
| OLD | NEW |