Chromium Code Reviews| 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 |