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 11 matching lines...) Expand all Loading... | |
63 | 63 |
64 <p> | 64 <p> |
65 To learn more about | 65 To learn more about |
66 the differences between web apps and websites, | 66 the differences between web apps and websites, |
67 extensions and packaged apps, and packaged apps and hosted apps, | 67 extensions and packaged apps, and packaged apps and hosted apps, |
68 read these: | 68 read these: |
69 </p> | 69 </p> |
70 | 70 |
71 <ul> | 71 <ul> |
72 <li> <a href="http://code.google.com/chrome/webstore/docs/choosing.html">Choos ing an App Type</a> </li> | 72 <li> <a href="http://code.google.com/chrome/webstore/docs/choosing.html">Choos ing an App Type</a> </li> |
73 <li> <a href="http://code.google.com/chrome/apps/articles/thinking_in_web_apps .html">Thinking in Web Apps</a> </li> | 73 <li> <a href="http://code.google.com/chrome/apps/articles/thinking_in_web_apps ">Thinking in Web Apps</a> </li> |
mkearney1
2014/05/14 19:56:06
Keep .html here, especially since similar links ha
| |
74 <li> <a href="http://code.google.com/chrome/webstore/articles/apps_vs_extensio ns.html">Extensions, Packaged Apps, and Hosted Apps in the Chrome Web Store</a> </li> | 74 <li> <a href="http://code.google.com/chrome/webstore/articles/apps_vs_extensio ns.html">Extensions, Packaged Apps, and Hosted Apps in the Chrome Web Store</a> </li> |
75 </ul> | 75 </ul> |
76 | 76 |
77 | 77 |
78 <h2 id="manifest"> The manifest </h2> | 78 <h2 id="manifest"> The manifest </h2> |
79 | 79 |
80 <p> | 80 <p> |
81 A packaged app's manifest can have any field | 81 A packaged app's manifest can have any field |
82 that's available to extensions, | 82 that's available to extensions, |
83 except for "browser_action" and "page_action". | 83 except for "browser_action" and "page_action". |
(...skipping 67 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 |