| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 {{+partials.header_head}} | |
| 5 <link href="{{static}}/css/index.css" rel="stylesheet" type="text/css"> | |
| 6 <title>Google Chrome Extensions</title> | |
| 7 </head> | |
| 8 <body> | |
| 9 {{+partials.header_body}} | |
| 10 <div id="gc-container"> | |
| 11 <div id="gc-pagecontent"> | |
| 12 <table id="index"> | |
| 13 <tr> | |
| 14 <td> | |
| 15 <h3>What are extensions?</h3> | |
| 16 <p> | |
| 17 Extensions are small software programs that | |
| 18 can modify and enhance the functionality of the Chrome browser. | |
| 19 You write them using web technologies such as | |
| 20 HTML, JavaScript, and CSS. | |
| 21 You can also use the extension system to build | |
| 22 <a href="apps.html">packaged apps</a>, | |
| 23 a downloadable kind of | |
| 24 <a href="http://code.google.com/chrome/apps/index.html">installa
ble web app</a>. | |
| 25 </p> | |
| 26 <p> | |
| 27 <img src="{{static}}/images/index/gmail-small.png" width="91" he
ight="35" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screens
hot of an extension's icon in the browser bar"> | |
| 28 From a user's point of view, | |
| 29 extensions and packaged apps are very different | |
| 30 because they present very different user interfaces. | |
| 31 Extensions have little to no user interface. | |
| 32 For example, the image to the right shows the icon | |
| 33 that provides the UI for the | |
| 34 <a href="samples.html#gmail">Gmail extension</a>. | |
| 35 </p> | |
| 36 <p> | |
| 37 <img src="{{static}}/images/index/html5app.png" width="200" heig
ht="160" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screensh
ot of a packaged app that implements a jigsaw puzzle"> | |
| 38 Packaged apps, on the other hand, | |
| 39 look and feel like regular web apps, | |
| 40 with a big-screen design | |
| 41 and rich UI. | |
| 42 The image to the right shows a jigsaw puzzle game | |
| 43 implemented by a packaged app. | |
| 44 </p> | |
| 45 <p> | |
| 46 Both extensions and packaged apps bundle all their files | |
| 47 into a single file that the user downloads and installs. | |
| 48 This bundling means that, unlike ordinary web apps, | |
| 49 extensions and packaged apps don't need to depend | |
| 50 on content from the web. | |
| 51 </p> | |
| 52 <p> | |
| 53 You can distribute your extension or packaged app | |
| 54 by using the | |
| 55 <a href="https://chrome.google.com/webstore/developer/dashboard"
>Chrome Developer Dashboard</a> | |
| 56 to publish to the | |
| 57 <a href="http://chrome.google.com/webstore">Chrome Web Store</a>
. | |
| 58 For more information, see the | |
| 59 <a href="http://code.google.com/chrome/webstore">store developer
documentation</a>. | |
| 60 </p> | |
| 61 </td> | |
| 62 <td id="howDoIStart"> | |
| 63 <h3>How do I start?</h3> | |
| 64 <p></p> | |
| 65 <ol> | |
| 66 <li> | |
| 67 Follow the <a href="getstarted.html">Getting Started tutorial<
/a> | |
| 68 <!-- PENDING: once we have one for packaged apps, change to | |
| 69 "for _extensions_ or _packaged_apps_" --> | |
| 70 </li> | |
| 71 <li> | |
| 72 Read the | |
| 73 <a href="overview.html">Overview</a> | |
| 74 </li> | |
| 75 <li> | |
| 76 Keep up-to-date by reading the | |
| 77 <a href="http://blog.chromium.org/">Chromium blog</a> | |
| 78 </li> | |
| 79 <li> | |
| 80 Subscribe to the | |
| 81 <a href="http://groups.google.com/a/chromium.org/group/chromiu
m-extensions">chromium-extensions group</a> | |
| 82 </li> | |
| 83 </ol> | |
| 84 <p></p> | |
| 85 <h3>Featured videos</h3> | |
| 86 <p> | |
| 87 <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4
B">Technical videos</a> <br> | |
| 88 <a href="http://www.youtube.com/view_play_list?p=38DF05697DE372B
1">Developer snapshots</a> (below) | |
| 89 </p> | |
| 90 <p> | |
| 91 <iframe title="YouTube video player" width="300" height="199" sr
c="http://www.youtube.com/embed/wRDPTnY3yO8?rel=0" frameborder="0" allowfullscre
en=""></iframe> | |
| 92 </p> | |
| 93 </td> | |
| 94 </tr> | |
| 95 </table> | |
| 96 </div> | |
| 97 </div> | |
| 98 </body> | |
| 99 {{+partials.footer}} | |
| 100 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 10834144:
Extensions Docs Server: Split apps from extensions (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src