Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(481)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/common/extensions/docs/index.html

Issue 5398002: doc stuff (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 10 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « chrome/common/extensions/docs/idle.html ('k') | chrome/common/extensions/docs/management.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><!-- This page is a placeholder for generated extensions api doc. Note: 1 <!DOCTYPE html><!-- This page is a placeholder for generated extensions api doc. Note:
2 1) The <head> information in this page is significant, should be uniform 2 1) The <head> information in this page is significant, should be uniform
3 across api docs and should be edited only with knowledge of the 3 across api docs and should be edited only with knowledge of the
4 templating mechanism. 4 templating mechanism.
5 3) All <body>.innerHTML is genereated as an rendering step. If viewed in a 5 3) All <body>.innerHTML is genereated as an rendering step. If viewed in a
6 browser, it will be re-generated from the template, json schema and 6 browser, it will be re-generated from the template, json schema and
7 authored overview content. 7 authored overview content.
8 4) The <body>.innerHTML is also generated by an offline step so that this 8 4) The <body>.innerHTML is also generated by an offline step so that this
9 page may easily be indexed by search engines. 9 page may easily be indexed by search engines.
10 --><html xmlns="http://www.w3.org/1999/xhtml"><head> 10 --><html xmlns="http://www.w3.org/1999/xhtml"><head>
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after
163 <ul> 163 <ul>
164 <li>Browser UI 164 <li>Browser UI
165 <ul> 165 <ul>
166 <li><a href="browserAction.html">Browser Actions</a></li> 166 <li><a href="browserAction.html">Browser Actions</a></li>
167 <li><a href="contextMenus.html">Context Menus</a></li> 167 <li><a href="contextMenus.html">Context Menus</a></li>
168 <li><a href="notifications.html">Desktop Notifications</a></li > 168 <li><a href="notifications.html">Desktop Notifications</a></li >
169 <li><a href="omnibox.html">Omnibox</a></li> 169 <li><a href="omnibox.html">Omnibox</a></li>
170 <li><a href="options.html">Options Pages</a></li> 170 <li><a href="options.html">Options Pages</a></li>
171 <li><a href="override.html">Override Pages</a></li> 171 <li><a href="override.html">Override Pages</a></li>
172 <li><a href="pageAction.html">Page Actions</a></li> 172 <li><a href="pageAction.html">Page Actions</a></li>
173 <li><a href="themes.html">Themes</a></li>
174 </ul> 173 </ul>
175 </li> 174 </li>
176 <li>Browser Interaction 175 <li>Browser Interaction
177 <ul> 176 <ul>
178 <li><a href="bookmarks.html">Bookmarks</a></li> 177 <li><a href="bookmarks.html">Bookmarks</a></li>
179 <li><a href="cookies.html">Cookies</a></li> 178 <li><a href="cookies.html">Cookies</a></li>
180 <li><a href="events.html">Events</a></li> 179 <li><a href="events.html">Events</a></li>
181 <li><a href="history.html">History</a></li> 180 <li><a href="history.html">History</a></li>
182 <li><a href="management.html">Management</a></li> 181 <li><a href="management.html">Management</a></li>
183 <li><a href="tabs.html">Tabs</a></li> 182 <li><a href="tabs.html">Tabs</a></li>
(...skipping 13 matching lines...) Expand all
197 </ul> 196 </ul>
198 </li> 197 </li>
199 <li>Finishing 198 <li>Finishing
200 <ul> 199 <ul>
201 <li><a href="hosting.html">Hosting</a></li> 200 <li><a href="hosting.html">Hosting</a></li>
202 <li><a href="external_extensions.html">Other Deployment Option s</a></li> 201 <li><a href="external_extensions.html">Other Deployment Option s</a></li>
203 </ul> 202 </ul>
204 </li> 203 </li>
205 </ul> 204 </ul>
206 </li> 205 </li>
206 <li><h2><a href="apps.html">Packaged Apps</a></h2></li>
207 <li><h2><a href="tutorials.html">Tutorials</a></h2> 207 <li><h2><a href="tutorials.html">Tutorials</a></h2>
208 <ul> 208 <ul>
209 <li><a href="tut_debugging.html">Debugging</a></li> 209 <li><a href="tut_debugging.html">Debugging</a></li>
210 <li><a href="tut_analytics.html">Google Analytics</a></li> 210 <li><a href="tut_analytics.html">Google Analytics</a></li>
211 <li><a href="tut_oauth.html">OAuth</a></li> 211 <li><a href="tut_oauth.html">OAuth</a></li>
212 </ul> 212 </ul>
213 </li> 213 </li>
214 <li><h2>Reference</h2> 214 <li><h2>Reference</h2>
215 <ul> 215 <ul>
216 <li>Formats 216 <li>Formats
217 <ul> 217 <ul>
218 <li><a href="manifest.html">Manifest Files</a></li> 218 <li><a href="manifest.html">Manifest Files</a></li>
219 <li><a href="match_patterns.html">Match Patterns</a></li> 219 <li><a href="match_patterns.html">Match Patterns</a></li>
220 <!-- <li>Packages (.crx)</li> -->
221 </ul> 220 </ul>
222 </li> 221 </li>
222 <li><a href="permission_warnings.html">Permission Warnings</a></li >
223 <li><a href="api_index.html">chrome.* APIs</a></li> 223 <li><a href="api_index.html">chrome.* APIs</a></li>
224 <li><a href="api_other.html">Other APIs</a></li> 224 <li><a href="api_other.html">Other APIs</a></li>
225 </ul> 225 </ul>
226 </li> 226 </li>
227 <li><h2><a href="samples.html">Samples</a></h2></li> 227 <li><h2><a href="samples.html">Samples</a></h2></li>
228 <div class="line"> </div> 228 <div class="line"> </div>
229 <li><h2>More</h2> 229 <li><h2>More</h2>
230 <ul> 230 <ul>
231 <li class="leftNavSelected">Chrome Web Store</li> 231 <li class="leftNavSelected">Chrome Web Store</li>
232 <li><a href="http://code.google.com/chrome/apps/docs/developers_gu ide.html">Installable Web Apps</a></li> 232 <li><a href="http://code.google.com/chrome/apps/docs/developers_gu ide.html">Hosted Apps</a></li>
233 <li><a href="themes.html">Themes</a></li> 233 <li><a href="themes.html">Themes</a></li>
234 </ul> 234 </ul>
235 </li> 235 </li>
236 </ul> 236 </ul>
237 </div> 237 </div>
238 <script> 238 <script>
239 initToggles(); 239 initToggles();
240 </script> 240 </script>
241 241
242 <div class="g-unit" id="gc-pagecontent"> 242 <div class="g-unit" id="gc-pagecontent">
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after
317 317
318 #pics img { 318 #pics img {
319 border:none; 319 border:none;
320 } 320 }
321 </style> 321 </style>
322 322
323 <table class="columns" style="margin:0"> 323 <table class="columns" style="margin:0">
324 324
325 <tbody><tr> 325 <tbody><tr>
326 <td> 326 <td>
327 <h3>What are Google Chrome Extensions?</h3> 327 <h3>What are extensions?</h3>
328 328
329 <p> 329 <p>
330 <em>Extensions</em> are small software programs 330 Extensions are small software programs that
331 that can modify and enhance the functionality of Google Chrome. 331 can modify and enhance the functionality of the Chrome browser.
332 You write them using web technologies such as 332 You write them using web technologies such as
333 HTML, JavaScript, and CSS. 333 HTML, JavaScript, and CSS.
334 You can also use the extension system to build
335 <a href="apps.html">packaged apps</a>,
336 a downloadable kind of
337 <a href="http://code.google.com/chrome/apps/index.html">installable web app</a>.
334 </p> 338 </p>
335 339
336 <p> 340 <p>
337 Here are some examples of extensions: 341 <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">
342 From a user's point of view,
343 extensions and packaged apps are very different
344 because they present very different user interfaces.
345 Extensions have little to no user interface.
346 For example, the image to the right shows the icon
347 that provides the UI for the
348 <a href="samples.html#gmail">Gmail extension</a>.
338 </p> 349 </p>
339 350
340 <table class="columns" id="pics"> 351 <p>
341 <tbody><tr> 352 <img src="images/index/html5app.png" width="200" height="160" align="right" styl e="margin-top:0px; margin-left:0.5em" alt="A screenshot of a packaged app that i mplements a jigsaw puzzle">
342 <td> 353 Packaged apps, on the other hand,
343 <img src="images/index/gmail.png" width="150" height="79"> 354 look and feel like regular web apps,
344 </td> 355 with a big-screen design
345 <td> 356 and rich UI.
346 <p> 357 The image to the right shows a jigsaw puzzle game
347 <b><a href="samples.html#gmail">Google Mail Checker</a></b><br> 358 implemented by a packaged app.
348 Uses a <em>browser action</em> 359 </p>
349 (icon in the toolbar)
350 to display how many unread messages
351 are in your Gmail inbox.
352 Click the icon to go to your inbox.
353 </p>
354 </td>
355 </tr>
356
357 <tr>
358 <td>
359 <img src="images/index/news.png" width="150" height="79">
360 </td>
361 <td>
362 <p>
363 <b><a href="samples.html#news">News Reader</a></b><br>
364 Features a browser action that, when clicked,
365 shows a popup summarizing the top news items.
366 </p>
367 </td>
368 </tr>
369
370 <tr>
371 <td>
372 <img src="images/index/rss.png" width="150" height="79">
373 </td>
374 <td>
375 <p>
376 <b><a href="samples.html#subscribe_page_action">Subscribe in Feed Reader</ a></b><br>
377 Uses a <em>page action</em>
378 (icon in the address bar)
379 and <em>content script</em>
380 (code injected into a web page)
381 to let you subscribe to a feed in the current web page.
382 </p>
383 </td>
384 </tr>
385 </tbody></table>
386 <br>
387 360
388 <p> 361 <p>
389 To keep up with the latest news on extensions, read the 362 Both extensions and packaged apps bundle all their files
390 <a href="http://blog.chromium.org/">Chromium blog</a> and the 363 into a single file that the user downloads and installs.
391 <a href="http://chrome.blogspot.com/">Google Chrome blog</a>, 364 This bundling means that, unlike ordinary web apps,
392 and subscribe to the 365 extensions and packaged apps don't need to depend
393 <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chro mium-extensions group</a>. 366 on content from the web.
367 </p>
394 368
369 <p>
370 You can distribute your extension or packaged app
371 by using the
372 <a href="https://chrome.google.com/webstore/developer/dashboard">Chrome Develope r Dashboard</a>
373 to publish to the
374 <a href="http://chrome.google.com/webstore">Chrome Web Store</a>.
375 For more information, see the
376 <a href="http://code.google.com/chrome/webstore">store developer documentation</ a>.
395 </p> 377 </p>
396 378
397 </td> 379 </td>
398
399 <td style="width:330px"> 380 <td style="width:330px">
400 <h3>How do I start?</h3> 381 <h3>How do I start?</h3>
401 382
402 <p> 383 <p>
403 </p><ol> 384 </p><ol>
404 <li> 385 <li>
405 Follow the 386 Follow the <a href="getstarted.html">Getting Started tutorial</a>
406 <a href="getstarted.html">Getting Started tutorial</a> 387 <!-- PENDING: once we have one for packaged apps, change to
388 "for _extensions_ or _packaged_apps_" -->
407 </li> 389 </li>
408 <li> 390 <li>
409 Read the 391 Read the
410 <a href="overview.html">Overview</a> 392 <a href="overview.html">Overview</a>
411 </li> 393 </li>
412 <li> 394 <li>
413 <a href="devguide.html">Write</a> and 395 Keep up-to-date by reading the
414 <a href="tut_debugging.html">debug</a> 396 <a href="http://blog.chromium.org/">Chromium blog</a>
415 your extension
416 </li> 397 </li>
417 <li> 398 <li>
418 Submit your extension to the 399 Subscribe to the
419 <a href="https://chrome.google.com/extensions">gallery</a> 400 <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions"> chromium-extensions group</a>
420 </li> 401 </li>
421 </ol> 402 </ol>
422 <p></p> 403 <p></p>
423 404
424 <h3>Featured videos</h3> 405 <h3>Featured videos</h3>
425 406
426 <p> 407 <p>
427 <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4B">Technical vid eos</a> <br> 408 <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4B">Technical vid eos</a> <br>
428 <a href="http://www.youtube.com/view_play_list?p=38DF05697DE372B1">Developer sna pshots</a> (below) 409 <a href="http://www.youtube.com/view_play_list?p=38DF05697DE372B1">Developer sna pshots</a> (below)
429 </p> 410 </p>
430 411
(...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after
622 _uff=0; 603 _uff=0;
623 urchinTracker(); 604 urchinTracker();
624 } 605 }
625 catch(e) {/* urchinTracker not available. */} 606 catch(e) {/* urchinTracker not available. */}
626 </script> 607 </script>
627 <!-- end analytics --> 608 <!-- end analytics -->
628 </div> 609 </div>
629 </div> <!-- /gc-footer --> 610 </div> <!-- /gc-footer -->
630 </div> <!-- /gc-container --> 611 </div> <!-- /gc-container -->
631 </body></html> 612 </body></html>
OLDNEW
« no previous file with comments | « chrome/common/extensions/docs/idle.html ('k') | chrome/common/extensions/docs/management.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698