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 |