| Index: chrome/common/extensions/docs/templates/articles/app_codelab_basics.html
|
| diff --git a/chrome/common/extensions/docs/templates/articles/app_codelab_basics.html b/chrome/common/extensions/docs/templates/articles/app_codelab_basics.html
|
| index 2b9ef2723404d06e8e8673fdc488aea2464a22e7..3049535d571993fc8c917b7f0e85a3639d69f0dc 100644
|
| --- a/chrome/common/extensions/docs/templates/articles/app_codelab_basics.html
|
| +++ b/chrome/common/extensions/docs/templates/articles/app_codelab_basics.html
|
| @@ -6,7 +6,7 @@
|
| <p>In this step, you will learn:</p>
|
|
|
| <ul>
|
| - <li>The basic building blocks of a Chrome App package, including the manifest file and background scripts.</li>
|
| + <li>The basic building blocks of a Chrome App, including the manifest file and background scripts.</li>
|
| <li>How to install, run, and debug a Chrome App.</li>
|
| </ul>
|
|
|
| @@ -16,12 +16,9 @@
|
| To preview what you will complete in this step, <a href="#launch">jump down to the bottom of this page ↓</a>.
|
| </p>
|
|
|
| -<h2 id="app-components">Get familiar with Chrome App packages</h2>
|
| +<h2 id="app-components">Get familiar with Chrome Apps</h2>
|
|
|
| -<p>Chrome Apps are structured similarly to Chrome extensions
|
| -so current extension developers will find this process to be familiar.</p>
|
| -
|
| -<p>A packaged Chrome App contains these components:</p>
|
| +<p>A Chrome App contains these components:</p>
|
|
|
| <ul>
|
| <li>The <strong>manifest</strong> specifies the meta information of your app.
|
| @@ -29,9 +26,9 @@ so current extension developers will find this process to be familiar.</p>
|
| <li>The <strong>event page</strong>, also called a <strong>background script</strong>, is
|
| responsible for managing the app life cycle.
|
| The background script is where you register listeners for specific app events such as the launching and closing of the app's window.</li>
|
| - <li>All <strong>code files</strong> must be included in the Chrome App package.
|
| + <li>All <strong>code files</strong> must be packaged in the Chrome App.
|
| This includes HTML, CSS, JS, and Native Client modules.</li>
|
| - <li><strong>Assets</strong>, including app icons, should be included in the package as well.</li>
|
| + <li><strong>Assets</strong>, including app icons, should be packaged in the Chrome App as well.</li>
|
| </ul>
|
|
|
| <h3 id="manifest">Create a manifest</h3>
|
| @@ -56,7 +53,8 @@ so current extension developers will find this process to be familiar.</p>
|
| }
|
| </pre>
|
|
|
| -<p>Notice how this manifest describes a background script named <em>background.js</em>. We'll create that file next.</p>
|
| +<p>Notice how this manifest describes a background script named <em>background.js</em>.
|
| +You will create that file next.</p>
|
|
|
| <pre>
|
| "background": {
|
| @@ -64,7 +62,7 @@ so current extension developers will find this process to be familiar.</p>
|
| }
|
| </pre>
|
|
|
| -<p>We'll also supply you with an app icon later in this step:</p>
|
| +<p>We'll supply you with an app icon later in this step:</p>
|
|
|
| <pre>
|
| "icons": {
|
| @@ -102,7 +100,8 @@ chrome.app.runtime.onLaunched.addListener(function() {
|
|
|
| <p>When the Chrome App is launched,
|
| <a href="/apps/app_window.html#method-create">chrome.app.window.create()</a>
|
| -will create a new window using a basic HTML page (<em>index.html</em>) as the source. We'll create the HTML view in the next step.</p>
|
| +will create a new window using a basic HTML page (<em>index.html</em>) as the source.
|
| +You will create the HTML view in the next step.</p>
|
|
|
| <pre>
|
| <b>chrome.app.window.create</b>('<b>index.html</b>', {
|
| @@ -139,7 +138,7 @@ additional packaged JavaScript, CSS, or assets.</p>
|
|
|
| <p align="center"><img src="{{static}}/images/app_codelab/icon_128.png" alt="Chrome App icon for this codelab" /></p>
|
|
|
| -<p>We will use this PNG as our application's icon that users will see in the launch menu. <!-- For more detailed information about app icons, refer to <a href="/apps/manifest/icons">Manifest - Icons</a> in the docs. --></p>
|
| +<p>You will use this PNG as our application's icon that users will see in the launch menu. <!-- For more detailed information about app icons, refer to <a href="/apps/manifest/icons">Manifest - Icons</a> in the docs. --></p>
|
|
|
| <h3 id="confirm-files">Confirm that you have created all your files</h3>
|
|
|
| @@ -201,7 +200,7 @@ You can easily test an API call before adding it to your code:</p>
|
| <img src="{{static}}/images/app_codelab/console-log.png" alt="DevTools console log"/>
|
| </figure>
|
|
|
| -<h2 id="recap">Recap APIs referenced in this step</h2>
|
| +<h2 id="recap">For more information</h2>
|
|
|
| <p>For more detailed information about some of the APIs introduced in this step, refer to:</p>
|
|
|
|
|