diff options
Diffstat (limited to 'chrome/common/extensions/docs/index.html')
-rwxr-xr-x | chrome/common/extensions/docs/index.html | 176 |
1 files changed, 44 insertions, 132 deletions
diff --git a/chrome/common/extensions/docs/index.html b/chrome/common/extensions/docs/index.html index 946802f..faf8a37 100755 --- a/chrome/common/extensions/docs/index.html +++ b/chrome/common/extensions/docs/index.html @@ -1,134 +1,46 @@ <!DOCTYPE html> -<html xmlns="http://www.w3.org/1999/xhtml"> -<head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>Extensions</title> - <link href="css/ApiRefStyles.css" rel="stylesheet" type="text/css"> -</head> -<body> - - <div id="container"> - <a name="top"> </a> - - <!-- API HEADER --> - <div id="pageHeader"> - <!-- BREADCRUMB --> - <!-- TODO: Fix these hrefs --> - <div id="breadcrumbs"> - Google Chrome Extensions - </div> - <div id="searchbox"> - <form action="http://www.google.com/cse" id="cse-search-box"> - <div> - <input type="hidden" name="cx" value="002967670403910741006:61_cvzfqtno" /> - <input type="hidden" name="ie" value="UTF-8" /> - <input type="text" name="q" size="31" /> - <input type="submit" name="sa" value="Search" /> - </div> - </form> - - <script type="text/javascript" src="http://www.google.com/jsapi"></script> - <script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script> - <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse-search-box&t13n_langs=en"></script> - <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script> - </div> - <div id="pageTitle"> - <h1>Google Chrome Extensions</h1> - </div> - </div> <!-- /pageHeader --> - - <div id="pageContent"> - <!-- SIDENAV --> - <div id="leftNav"> - <ul> - <li> Overview </li> - <li> Get Started </li> - <li> Developer's Guide </li> - <li> Reference - <ul> - <li> chrome.* APIs - </li> - </ul> - </li> - </ul> - </div> - - <div id="mainColumn"> - - <!-- CONTENT --> -<p> If you want to customize Google Chrome, you've come to the right place. An <em>extension</em> is a bundle of web code (HTML, JavaScript, perhaps some CSS) that lets you add functionality or a bit of user interface (usually both) to the browser. <a href="http://dev.chromium.org/developers/design-documents/extensions/samples">Examples of extensions</a> include a mail checker, a newsfeed subscriber, and a status monitor.<br> - </p> - -<h3>Contents</h3> - <p> - This documentation is just being written; here's what we have so far. - You might also want to look at <a href="#other">Other resources</a>. - If you just want to <em>make</em> something, - go to <a href="helloworld.html">Get Started</a>. - </p> - - <ul> - <li><a href="overview.html">Overview</a></li> - <li><a href="helloworld.html">Get Started</a> (Hello, World!)</li> - <li><a href="devguide.html">Developer's Guide</a></li> - <li><a href="reference/index.html">Reference</a></li> - <ul> - <li>Supported APIs</li> - <ul> - <li>standard JavaScript libraries</li> - <li>XMLHttpRequest</li> - <li>anything in WebKit</li> - <li>anything in V8</li> - <li>anything you put in your zipfile</li> - </ul> - <li><a href="reference/chrome-api-index.html">chrome.* APIs</a> - <ul> - <li>[PENDING: fill this out automatically. In the meantime, start at the <a href="reference/bookmarks.html">chrome.bookmarks</a> page and click the links in the left column.]</li> - </ul> - </li> - </ul> - <li>Samples</li> - <ul> - <li>#1</li> - <li>#2</li> - </ul> - </ul> - - <h3 id="other">Other resources</h3> - - <ul> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions">Design documents</a>:</li> - <ul> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/howto">HOWTO</a>: The precursor to Get Started [PENDING: make sure it's still useful]</li> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/packaging">Packaging</a>: [PENDING: might be obsolete]</li> - <li>APIs:</li> - <ul> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/bookmarks-api">Bookmarks</a></li> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/events">Events</a></li> - </ul> - <ul> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/tabs-api">Tabs</a></li> - </ul> - <ul> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/windows-api">Windows</a></li> - </ul> - <li>Features:</li> - <ul> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/toolstrips">Toolstrips</a>: Add UI to the toolbar area</li> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/content-scripts">Content scripts</a>: Run code within the context of web pages</li> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/background-pages">Background pages</a>: Run code that's not directly related to the UI</li> - <li><a href="http://dev.chromium.org/developers/design-documents/extensions/cross-origin-xhr">Cross-Origin XMLHttpRequest</a>: Communicate with multiple domains</li> - </ul> - </ul> - <li><a href="http://groups.google.com/group/chromium-extensions">chromium-extensions</a> (discussion group)</li> - </ul> - </div> <!-- /mainColumn --> - </div> <!-- /pageContent --> - <div id="pageFooter" --> - Copyright 2009 - <br /> - TBD: copyright/license should be automatically included here - </div> <!-- /pageFooter --> - </div> <!-- /container --> -</body> +<!-- This page is a placeholder for generated extensions api doc. Note: + 1) The <head> information in this page is significant, should be uniform + across api docs and should be edited only with knowledge of the + templating mechanism. + 2) The <body> tag *must* retain id="body" + 3) All <body>.innerHTML is genereated as an rendering step. If viewed in a + browser, it will be re-generated from the template, json schema and + authored overview content. + 4) The <body>.innerHTML is also generated by an offline step so that this + page may easily be indexed by search engines. + + TODO(rafaelw): Abstract this into a "pageshell" that becomes the single + version of page template shell and the "instance" pages (bookmarks.html, + etc...) can be generated with a build step. +--> +<!-- <html> must retain id="template --> +<html xmlns="http://www.w3.org/1999/xhtml"> + <!-- <head> data is significant and loads the needed libraries and styles --> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title jscontent="pageTitle">pageTitle</title> + <link href="css/ApiRefStyles.css" rel="stylesheet" type="text/css"> + <script type="text/javascript" + src="../../../third_party/jstemplate/jstemplate_compiled.js"> + </script> + <script type="text/javascript" src="js/api_page_generator.js"></script> + <script> +// Re-render the page if the user-agent is chrome and it is being served as +// a file:/// scheme. This allows both the initial render to static as well +// as dynamic re-rendering for developers/doc-writers working on local changes. +window.onload = function() { + var chrome = navigator.userAgent.indexOf("Chrome") > -1; + var fileScheme = location.protocol == "file:"; + var regenerate = chrome && fileScheme; + //if (regenerate) { + window.renderPage(); + //} +} + </script> + </head> + <!-- <body> content is completely generated. Do not edit, as it will be + and rewritten. --> + <body class="hidden"> + </body> </html> |