| OLD | NEW |
| 1 <meta name="doc-family" content="apps"> | 1 <meta name="doc-family" content="apps"> |
| 2 <div id="pageData-name" class="pageData">Understand the Architecture</div> | 2 <h1>Understand the Architecture</h1> |
| 3 <div id="pageData-showTOC" class="pageData">true</div> | 3 |
| 4 | 4 |
| 5 <p> | 5 <p> |
| 6 Packaged apps integrate closely with a user’s operating system. | 6 Packaged apps integrate closely with a user’s operating system. |
| 7 They are designed to be run outside of a browser tab, | 7 They are designed to be run outside of a browser tab, |
| 8 to run robustly in offline and poor connectivity scenarios and | 8 to run robustly in offline and poor connectivity scenarios and |
| 9 to have far more powerful capabilities than are available | 9 to have far more powerful capabilities than are available |
| 10 in a typical web browsing environment. | 10 in a typical web browsing environment. |
| 11 The app container, programming, and security models | 11 The app container, programming, and security models |
| 12 support these packaged app requirements. | 12 support these packaged app requirements. |
| 13 </p> | 13 </p> |
| (...skipping 17 matching lines...) Expand all Loading... |
| 31 HTML documents with CSS and JavaScript; | 31 HTML documents with CSS and JavaScript; |
| 32 however, a packaged app is loaded in the app container, | 32 however, a packaged app is loaded in the app container, |
| 33 not in the browser tab. | 33 not in the browser tab. |
| 34 Also, the app container must load the main document | 34 Also, the app container must load the main document |
| 35 of the packaged app from a local source. | 35 of the packaged app from a local source. |
| 36 This forces all packaged apps to be at least minimally functional | 36 This forces all packaged apps to be at least minimally functional |
| 37 when offline and it provides a place | 37 when offline and it provides a place |
| 38 to enforce stricter security measures. | 38 to enforce stricter security measures. |
| 39 </p> | 39 </p> |
| 40 | 40 |
| 41 <img src="../images/container.png" | 41 <img src="{{static}}/images/container.png" |
| 42 width="671" | 42 width="671" |
| 43 height="172" | 43 height="172" |
| 44 alt="how app container model works"> | 44 alt="how app container model works"> |
| 45 | 45 |
| 46 | 46 |
| 47 <h2 id="programming">Programming model</h2> | 47 <h2 id="programming">Programming model</h2> |
| 48 | 48 |
| 49 <p> | 49 <p> |
| 50 The programming model describes the lifecycle | 50 The programming model describes the lifecycle |
| 51 and window behavior of packaged apps. | 51 and window behavior of packaged apps. |
| (...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 163 they can only be used to load other app pages. | 163 they can only be used to load other app pages. |
| 164 You can use the <code>object</code> tag to | 164 You can use the <code>object</code> tag to |
| 165 <a href="app_external.html">embed external content</a>; | 165 <a href="app_external.html">embed external content</a>; |
| 166 this content runs in a separate process from the app. | 166 this content runs in a separate process from the app. |
| 167 </p> | 167 </p> |
| 168 | 168 |
| 169 <p> | 169 <p> |
| 170 <iframe title="YouTube video player" width="610" height="380" src="http://www.yo
utube.com/embed/EDtiWN42lHs" frameborder="0" allowfullscreen></iframe> | 170 <iframe title="YouTube video player" width="610" height="380" src="http://www.yo
utube.com/embed/EDtiWN42lHs" frameborder="0" allowfullscreen></iframe> |
| 171 </p> | 171 </p> |
| 172 | 172 |
| 173 <p class="backtotop"><a href="#top">Back to top</a></p> | 173 <p class="backtotop"><a href="#top">Back to top</a></p> |
| OLD | NEW |