Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(211)

Side by Side Diff: chrome/common/extensions/docs/templates/articles/apps.html

Issue 219213007: Remove .html extension from links (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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&mdash;how 15 This page talks about packaged apps&mdash;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>&mdash;a 38 <a href="http://code.google.com/chrome/apps/">installable web app</a>&mdash;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 10 matching lines...) Expand all
62 </ul> 62 </ul>
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">Choosing a n 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>
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">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".
84 In addition, a packaged app's manifest <b>must</b> 84 In addition, a packaged app's manifest <b>must</b>
85 have an "app" field. 85 have an "app" field.
86 Here is a typical manifest for a packaged app: 86 Here is a typical manifest for a packaged app:
87 </p> 87 </p>
88 88
89 <pre data-filename="manifest.json"> 89 <pre data-filename="manifest.json">
90 { 90 {
91 "name": "My Awesome Racing Game", 91 "name": "My Awesome Racing Game",
92 "description": "Enter a world where a Vanagon can beat a Maserati", 92 "description": "Enter a world where a Vanagon can beat a Maserati",
93 "version": "1", 93 "version": "1",
94 <b>"app": { 94 <b>"app": {
95 "launch": { 95 "launch": {
96 "local_path": "main.html" 96 "local_path": "main"
mkearney1 2014/04/09 19:43:30 Keep .html in as it refers to a filename.
97 } 97 }
98 },</b> 98 },</b>
99 "icons": { 99 "icons": {
100 "16": "icon_16.png", 100 "16": "icon_16.png",
101 "128": "icon_128.png" 101 "128": "icon_128.png"
102 } 102 }
103 } 103 }
104 </pre> 104 </pre>
105 105
106 <p> 106 <p>
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698