| Index: chrome/common/extensions/docs/index.html
|
| ===================================================================
|
| --- chrome/common/extensions/docs/index.html (revision 68334)
|
| +++ chrome/common/extensions/docs/index.html (working copy)
|
| @@ -170,7 +170,6 @@
|
| <li><a href="options.html">Options Pages</a></li>
|
| <li><a href="override.html">Override Pages</a></li>
|
| <li><a href="pageAction.html">Page Actions</a></li>
|
| - <li><a href="themes.html">Themes</a></li>
|
| </ul>
|
| </li>
|
| <li>Browser Interaction
|
| @@ -204,6 +203,7 @@
|
| </li>
|
| </ul>
|
| </li>
|
| + <li><h2><a href="apps.html">Packaged Apps</a></h2></li>
|
| <li><h2><a href="tutorials.html">Tutorials</a></h2>
|
| <ul>
|
| <li><a href="tut_debugging.html">Debugging</a></li>
|
| @@ -217,9 +217,9 @@
|
| <ul>
|
| <li><a href="manifest.html">Manifest Files</a></li>
|
| <li><a href="match_patterns.html">Match Patterns</a></li>
|
| - <!-- <li>Packages (.crx)</li> -->
|
| </ul>
|
| </li>
|
| + <li><a href="permission_warnings.html">Permission Warnings</a></li>
|
| <li><a href="api_index.html">chrome.* APIs</a></li>
|
| <li><a href="api_other.html">Other APIs</a></li>
|
| </ul>
|
| @@ -229,7 +229,7 @@
|
| <li><h2>More</h2>
|
| <ul>
|
| <li class="leftNavSelected">Chrome Web Store</li>
|
| - <li><a href="http://code.google.com/chrome/apps/docs/developers_guide.html">Installable Web Apps</a></li>
|
| + <li><a href="http://code.google.com/chrome/apps/docs/developers_guide.html">Hosted Apps</a></li>
|
| <li><a href="themes.html">Themes</a></li>
|
| </ul>
|
| </li>
|
| @@ -324,100 +324,81 @@
|
|
|
| <tbody><tr>
|
| <td>
|
| -<h3>What are Google Chrome Extensions?</h3>
|
| +<h3>What are extensions?</h3>
|
|
|
| <p>
|
| -<em>Extensions</em> are small software programs
|
| -that can modify and enhance the functionality of Google Chrome.
|
| +Extensions are small software programs that
|
| +can modify and enhance the functionality of the Chrome browser.
|
| You write them using web technologies such as
|
| HTML, JavaScript, and CSS.
|
| +You can also use the extension system to build
|
| +<a href="apps.html">packaged apps</a>,
|
| +a downloadable kind of
|
| +<a href="http://code.google.com/chrome/apps/index.html">installable web app</a>.
|
| </p>
|
|
|
| <p>
|
| -Here are some examples of extensions:
|
| +<img src="images/index/NEW/gmail.png" width="91" height="35" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screenshot of an extension's icon in the browser bar">
|
| +From a user's point of view,
|
| +extensions and packaged apps are very different
|
| +because they present very different user interfaces.
|
| +Extensions have little to no user interface.
|
| +For example, the image to the right shows the icon
|
| +that provides the UI for the
|
| +<a href="samples.html#gmail">Gmail extension</a>.
|
| </p>
|
|
|
| -<table class="columns" id="pics">
|
| -<tbody><tr>
|
| - <td>
|
| - <img src="images/index/gmail.png" width="150" height="79">
|
| - </td>
|
| - <td>
|
| - <p>
|
| - <b><a href="samples.html#gmail">Google Mail Checker</a></b><br>
|
| - Uses a <em>browser action</em>
|
| - (icon in the toolbar)
|
| - to display how many unread messages
|
| - are in your Gmail inbox.
|
| - Click the icon to go to your inbox.
|
| - </p>
|
| - </td>
|
| -</tr>
|
| +<p>
|
| +<img src="images/index/html5app.png" width="200" height="160" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screenshot of a packaged app that implements a jigsaw puzzle">
|
| +Packaged apps, on the other hand,
|
| +look and feel like regular web apps,
|
| +with a big-screen design
|
| +and rich UI.
|
| +The image to the right shows a jigsaw puzzle game
|
| +implemented by a packaged app.
|
| +</p>
|
|
|
| -<tr>
|
| - <td>
|
| - <img src="images/index/news.png" width="150" height="79">
|
| - </td>
|
| - <td>
|
| - <p>
|
| - <b><a href="samples.html#news">News Reader</a></b><br>
|
| - Features a browser action that, when clicked,
|
| - shows a popup summarizing the top news items.
|
| - </p>
|
| - </td>
|
| -</tr>
|
| -
|
| -<tr>
|
| - <td>
|
| - <img src="images/index/rss.png" width="150" height="79">
|
| - </td>
|
| - <td>
|
| - <p>
|
| - <b><a href="samples.html#subscribe_page_action">Subscribe in Feed Reader</a></b><br>
|
| - Uses a <em>page action</em>
|
| - (icon in the address bar)
|
| - and <em>content script</em>
|
| - (code injected into a web page)
|
| - to let you subscribe to a feed in the current web page.
|
| - </p>
|
| - </td>
|
| -</tr>
|
| -</tbody></table>
|
| -<br>
|
| -
|
| <p>
|
| -To keep up with the latest news on extensions, read the
|
| -<a href="http://blog.chromium.org/">Chromium blog</a> and the
|
| -<a href="http://chrome.blogspot.com/">Google Chrome blog</a>,
|
| -and subscribe to the
|
| -<a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chromium-extensions group</a>.
|
| +Both extensions and packaged apps bundle all their files
|
| +into a single file that the user downloads and installs.
|
| +This bundling means that, unlike ordinary web apps,
|
| +extensions and packaged apps don't need to depend
|
| +on content from the web.
|
| +</p>
|
|
|
| +<p>
|
| +You can distribute your extension or packaged app
|
| +by using the
|
| +<a href="https://chrome.google.com/extensions/developer/dashboard">Chrome Developer Dashboard</a>
|
| +to publish to the
|
| +<a href="http://chrome.google.com/webstore">Chrome Web Store</a>.
|
| +For more information, see the
|
| +<a href="http://code.google.com/chrome/webstore">store developer documentation</a>.
|
| </p>
|
|
|
| </td>
|
| -
|
| <td style="width:330px">
|
| <h3>How do I start?</h3>
|
|
|
| <p>
|
| </p><ol>
|
| <li>
|
| - Follow the
|
| - <a href="getstarted.html">Getting Started tutorial</a>
|
| + Follow the <a href="getstarted.html">Getting Started tutorial</a>
|
| + <!-- PENDING: once we have one for packaged apps, change to
|
| + "for _extensions_ or _packaged_apps_" -->
|
| </li>
|
| <li>
|
| Read the
|
| <a href="overview.html">Overview</a>
|
| </li>
|
| <li>
|
| - <a href="devguide.html">Write</a> and
|
| - <a href="tut_debugging.html">debug</a>
|
| - your extension
|
| + Keep up-to-date by reading the
|
| + <a href="http://blog.chromium.org/">Chromium blog</a>
|
| </li>
|
| <li>
|
| - Submit your extension to the
|
| - <a href="https://chrome.google.com/extensions">gallery</a>
|
| - </li>
|
| + Subscribe to the
|
| + <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chromium-extensions group</a>
|
| + </li>
|
| </ol>
|
| <p></p>
|
|
|
|
|