OLD | NEW |
---|---|
1 <meta name="doc-family" content="apps"> | |
1 <h1 class="page_title">What Are Packaged Apps?</h1> | 2 <h1 class="page_title">What Are Packaged Apps?</h1> |
2 <p> | 3 <p> |
3 Packaged apps deliver an experience as capable as a native app, | 4 Packaged apps deliver an experience as capable as a native app, |
4 but as safe as a web page. | 5 but as safe as a web page. |
5 Just like web apps, | 6 Just like web apps, |
6 packaged apps are written in HTML5, JavaScript, and CSS. | 7 packaged apps are written in HTML5, JavaScript, and CSS. |
7 But packaged apps look and behave like native apps, | 8 But packaged apps look and behave like native apps, |
8 and they have native-like capabilities | 9 and they have native-like capabilities |
9 that are much more powerful than those available to web apps. | 10 that are much more powerful than those available to web apps. |
10 </p> | 11 </p> |
11 | |
not at google - send to devlin
2012/08/01 20:41:04
what's with these blank line removals? just curiou
cduvall
2012/08/02 00:54:06
I did it because removing some of the stuff at the
| |
12 <p> | 12 <p> |
13 <iframe title="YouTube video player" width="610" height="380" src="http://www.yo utube.com/embed/lBUGTVIJVfM" frameborder="0" allowfullscreen></iframe> | 13 <iframe title="YouTube video player" width="610" height="380" src="http://www.yo utube.com/embed/lBUGTVIJVfM" frameborder="0" allowfullscreen></iframe> |
14 </p> | 14 </p> |
15 | |
16 <p> | 15 <p> |
17 With access to Chrome APIs and services | 16 Packaged apps have have access to Chrome APIs and services not available to |
18 not available to traditional web apps, | 17 traditional web sites. You can build powerful apps that interact with network |
19 you can build powerful apps that interact | 18 and hardware devices, media tools, and much more. Here's a short list of |
20 with network and hardware devices, | 19 examples: |
21 as well as, media apps. | |
22 Here's a short list of examples: | |
23 </p> | 20 </p> |
24 | |
25 <ul> | 21 <ul> |
26 <li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li> | 22 <li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li> |
27 <li>Music/video streaming</li> | 23 <li>Music/video streaming</li> |
28 <li>Photo/video/music editing</li> | 24 <li>Photo/video/music editing</li> |
29 </ul> | 25 </ul> |
30 | 26 <p> |
27 Watch the <a href="http://www.youtube.com/watch?v=j8oFAr1YR-0">Chrome Apps | |
28 Google I/O presentation</a> for an in-depth introduction. | |
29 </p> | |
31 <h2 id="look">How they look</h2> | 30 <h2 id="look">How they look</h2> |
32 | |
33 <p> | 31 <p> |
34 When a user opens a packaged app, | 32 When a user opens a packaged app, |
35 their focus is specifically on the tasks | 33 their focus is specifically on the tasks |
36 relating to the app. | 34 relating to the app. |
37 Packaged apps have no traditional chrome: | 35 Packaged apps have no traditional chrome: |
38 the omnibox (address bar), tab strip, | 36 the omnibox (address bar), tab strip, |
39 and other browser interface elements no longer appear. | 37 and other browser interface elements no longer appear. |
40 Like native apps, they don't live within the browser. | 38 Like native apps, they don't live within the browser. |
41 When launched, packaged apps can open in windows | 39 When launched, packaged apps can open in windows |
42 that look like this (and you can style | 40 that look like this (and you can style |
43 your windows in all different ways): | 41 your windows in all different ways): |
44 </p> | 42 </p> |
45 <br> | 43 <br> |
46 | |
47 <img src="{{static}}/images/editor.png" | 44 <img src="{{static}}/images/editor.png" |
48 width="770" | 45 width="770" |
49 height="586" | 46 height="586" |
50 alt="Text editor packaged app in a standalone window"> | 47 alt="Text editor packaged app in a standalone window"> |
51 | |
52 <h2 id="behave">How they behave</h2> | 48 <h2 id="behave">How they behave</h2> |
53 | |
54 <p> | 49 <p> |
55 Packaged app pages always load locally. | 50 Packaged app pages always load locally. |
56 This allows apps to be less dependent on the network. | 51 This allows apps to be less dependent on the network. |
57 Once a user installs an app, they have full control over the app's lifecycle. | 52 Once a user installs an app, they have full control over the app's lifecycle. |
58 Apps open and close quickly, | 53 Apps open and close quickly, |
59 and the system can shut apps down at any time to improve performance. | 54 and the system can shut apps down at any time to improve performance. |
60 Users can fully uninstall apps. | 55 Users can fully uninstall apps. |
61 </p> | 56 </p> |
62 | |
63 <p> | 57 <p> |
64 Without any effort on your part, your apps will launch offline. | 58 Without any effort on your part, your apps will launch offline. |
65 But you will need to put some effort into making sure user data is stored locall y while offline | 59 But you will need to put some effort into making sure user data is stored locall y while offline |
66 and then synced back up to your data server once online | 60 and then synced back up to your data server once online |
67 (see <a href="offline_apps.html">Offline First</a>). | 61 (see <a href="offline_apps.html">Offline First</a>). |
68 </p> | 62 </p> |
69 | |
70 <h2 id="develop">How to develop them</h2> | 63 <h2 id="develop">How to develop them</h2> |
71 | |
72 <p> | 64 <p> |
73 Packaged apps are modified web apps. | 65 Packaged apps are modified web apps. |
74 You use the same code, frameworks, and tools of the web platform to write your a pps. | 66 You use the same code, frameworks, and tools of the web platform to write your a pps. |
75 Some browser features have been removed, other web APIs have been disabled | 67 Some browser features have been removed, other web APIs have been disabled |
76 or changed to improve security and programming practices. | 68 or changed to improve security and programming practices. |
77 </p> | 69 </p> |
78 | |
79 <p> | 70 <p> |
80 New features have been added to help you build more native-like apps. | 71 New features have been added to help you build more native-like apps. |
81 The app container and programming models control how packaged apps look and beha ve. | 72 The app container and programming models control how packaged apps look and beha ve. |
82 These models aim to provide users with a more native experience. | 73 These models aim to provide users with a more native experience. |
83 Powerful APIs have been added so your apps can have native-like capabilities, | 74 Powerful APIs have been added so your apps can have native-like capabilities, |
84 and a serious security model is enforced to make sure these APIs are not abused. </p> | 75 and a serious security model is enforced to make sure these APIs are not abused. </p> |
85 | |
86 <p> | 76 <p> |
87 To learn more about how to develop packaged apps: | 77 To learn more about how to develop packaged apps: |
88 </p> | 78 </p> |
89 | |
90 <ul> | 79 <ul> |
91 <li> | 80 <li> |
92 <a href="app_architecture.html">Understanding the Architecture</ a> | 81 <a href="app_architecture.html">Understanding the Architecture</ a> |
93 introduces the app container, programming, and security models. | 82 introduces the app container, programming, and security models. |
94 </li> | 83 </li> |
95 <li> | 84 <li> |
96 <a href="app_lifecycle.html">The Fundamentals</a> | 85 <a href="app_lifecycle.html">The Fundamentals</a> |
97 shows how to use this architecture and how to build | 86 shows how to use this architecture and how to build |
98 for offline, manage data, and embed external content. | 87 for offline, manage data, and embed external content. |
99 </li> | 88 </li> |
100 <li> | 89 <li> |
101 <a href="app_network.html">Advanced Technologies</a> | 90 <a href="app_network.html">Advanced Technologies</a> |
102 shows how to use the powerful network and hardware APIs, | 91 shows how to use the powerful network and hardware APIs, |
103 and how to connect your app to other apps using web intents. | 92 and how to connect your app to other apps using web intents. |
104 </li> | 93 </li> |
105 <li> | 94 <li> |
106 <a href="app_deprecated.html">Disabled Features</a> | 95 <a href="app_deprecated.html">Disabled Features</a> |
107 describes the web features that have been disabled | 96 describes the web features that have been disabled |
108 and what to use in their place, where relevant. | 97 and what to use in their place, where relevant. |
109 </li> | 98 </li> |
110 </ul> | 99 </ul> |
111 | 100 <p class="backtotop"><a href="#top">Back to top</a></p> |
112 <p class="backtotop"><a href="#top">Back to top</a></p> | |
OLD | NEW |