OLD | NEW |
1 <meta name="doc-family" content="apps"> | 1 <meta name="doc-family" content="apps"> |
2 <h1>Create Your First App</h1> | 2 <h1>Create Your First App</h1> |
3 | 3 |
4 | 4 |
5 <p> | 5 <p> |
6 This tutorial walks you through creating your first Chrome App. | 6 This tutorial walks you through creating your first Chrome App. |
7 Chrome Apps are structured similarly to extensions | 7 Chrome Apps are structured similarly to extensions |
8 so current developers will recognize the manifest and packaging methods. | 8 so current developers will recognize the manifest and packaging methods. |
9 When you're done, | 9 When you're done, |
10 you'll just need to produce a zip file of your code and assets | 10 you'll just need to produce a zip file of your code and assets |
(...skipping 29 matching lines...) Expand all Loading... |
40 First create your <code>manifest.json</code> file | 40 First create your <code>manifest.json</code> file |
41 (<a href="manifest.html">Formats: Manifest Files</a> | 41 (<a href="manifest.html">Formats: Manifest Files</a> |
42 describes this manifest in detail): | 42 describes this manifest in detail): |
43 </p> | 43 </p> |
44 | 44 |
45 <pre data-filename="manifest.json"> | 45 <pre data-filename="manifest.json"> |
46 { | 46 { |
47 "name": "Hello World!", | 47 "name": "Hello World!", |
48 "description": "My first Chrome App.", | 48 "description": "My first Chrome App.", |
49 "version": "0.1", | 49 "version": "0.1", |
| 50 "manifest_version": 2, |
50 "app": { | 51 "app": { |
51 "background": { | 52 "background": { |
52 "scripts": ["background.js"] | 53 "scripts": ["background.js"] |
53 } | 54 } |
54 }, | 55 }, |
55 "icons": { "16": "calculator-16.png", "128": "calculator-128.png" } | 56 "icons": { "16": "calculator-16.png", "128": "calculator-128.png" } |
56 } | 57 } |
57 </pre> | 58 </pre> |
58 | 59 |
59 <p class="note"> | 60 <p class="note"> |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
178 </li> | 179 </li> |
179 <li> | 180 <li> |
180 <code>--app-id=ajjhbohkjpincjgiieeomimlgnll</code> launches an app | 181 <code>--app-id=ajjhbohkjpincjgiieeomimlgnll</code> launches an app |
181 already loaded into Chrome. It does not restart any previously running | 182 already loaded into Chrome. It does not restart any previously running |
182 app, but it does launch the new app with any updated content. | 183 app, but it does launch the new app with any updated content. |
183 </li> | 184 </li> |
184 </ul> | 185 </ul> |
185 </p> | 186 </p> |
186 | 187 |
187 <p class="backtotop"><a href="#top">Back to top</a></p> | 188 <p class="backtotop"><a href="#top">Back to top</a></p> |
OLD | NEW |