| OLD | NEW |
| 1 <meta name="doc-family" content="apps"> | 1 <meta name="doc-family" content="apps"> |
| 2 <div id="pageData-name" class="pageData">What Are Packaged Apps?</div> | 2 <div id="pageData-name" class="pageData">What Are Packaged Apps?</div> |
| 3 <div id="pageData-showTOC" class="pageData">true</div> | 3 <div id="pageData-showTOC" class="pageData">true</div> |
| 4 | 4 |
| 5 <p> | 5 <p> |
| 6 Packaged apps deliver an experience as capable as a native app, | 6 Packaged apps deliver an experience as capable as a native app, |
| 7 but as safe as a web page. | 7 but as safe as a web page. |
| 8 Just like web apps, | 8 Just like web apps, |
| 9 packaged apps are written in HTML5, JavaScript, and CSS. | 9 packaged apps are written in HTML5, JavaScript, and CSS. |
| 10 But packaged apps look and behave like native apps, | 10 But packaged apps look and behave like native apps, |
| 11 and they have native-like capabilities | 11 and they have native-like capabilities |
| 12 that are much more powerful than those available to web apps. | 12 that are much more powerful than those available to web apps. |
| 13 </p> | 13 </p> |
| 14 | 14 |
| 15 <p> | 15 <p> |
| 16 <iframe title="YouTube video player" width="610" height="380" src="http://www.yo
utube.com/embed/lBUGTVIJVfM" frameborder="0" allowfullscreen></iframe> | 16 <iframe title="YouTube video player" width="610" height="380" src="http://www.yo
utube.com/embed/lBUGTVIJVfM" frameborder="0" allowfullscreen></iframe><br> |
| 17 </p> | 17 </p> |
| 18 | 18 |
| 19 <p> | 19 <p> |
| 20 With access to Chrome APIs and services | 20 Packaged apps have have access to Chrome APIs and services not available to |
| 21 not available to traditional web apps, | 21 traditional web sites. You can build powerful apps that interact with network |
| 22 you can build powerful apps that interact | 22 and hardware devices, media tools, and much more. Here's a short list of |
| 23 with network and hardware devices, | 23 examples: |
| 24 as well as, media apps. | |
| 25 Here's a short list of examples: | |
| 26 </p> | 24 </p> |
| 27 | 25 |
| 28 <ul> | 26 <ul> |
| 29 <li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li> | 27 <li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li> |
| 30 <li>Music/video streaming</li> | 28 <li>Music/video streaming</li> |
| 31 <li>Photo/video/music editing</li> | 29 <li>Photo/video/music editing</li> |
| 32 </ul> | 30 </ul> |
| 33 | 31 |
| 32 <p> |
| 33 Watch the <a href="http://www.youtube.com/watch?v=j8oFAr1YR-0">Chrome Apps |
| 34 Google I/O presentation</a> for an in-depth introduction. |
| 35 </p> |
| 36 |
| 34 <h2 id="look">How they look</h2> | 37 <h2 id="look">How they look</h2> |
| 35 | 38 |
| 36 <p> | 39 <p> |
| 37 When a user opens a packaged app, | 40 When a user opens a packaged app, |
| 38 their focus is specifically on the tasks | 41 their focus is specifically on the tasks |
| 39 relating to the app. | 42 relating to the app. |
| 40 Packaged apps have no traditional chrome: | 43 Packaged apps have no traditional chrome: |
| 41 the omnibox (address bar), tab strip, | 44 the omnibox (address bar), tab strip, |
| 42 and other browser interface elements no longer appear. | 45 and other browser interface elements no longer appear. |
| 43 Like native apps, they don’t live within the browser. | 46 Like native apps, they don’t live within the browser. |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 106 and how to connect your app to other apps using web intents. | 109 and how to connect your app to other apps using web intents. |
| 107 </li> | 110 </li> |
| 108 <li> | 111 <li> |
| 109 <a href="app_deprecated.html">Disabled Features</a> | 112 <a href="app_deprecated.html">Disabled Features</a> |
| 110 describes the web features that have been disabled | 113 describes the web features that have been disabled |
| 111 and what to use in their place, where relevant. | 114 and what to use in their place, where relevant. |
| 112 </li> | 115 </li> |
| 113 </ul> | 116 </ul> |
| 114 | 117 |
| 115 <p class="backtotop"><a href="#top">Back to top</a></p> | 118 <p class="backtotop"><a href="#top">Back to top</a></p> |
| OLD | NEW |