| <!DOCTYPE html><!-- 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. |
| 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. |
| --><html xmlns="http://www.w3.org/1999/xhtml"><head> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <link href="css/ApiRefStyles.css" rel="stylesheet" type="text/css"> |
| <link href="css/print.css" rel="stylesheet" type="text/css" media="print"> |
| <script type="text/javascript" src="../../../third_party/jstemplate/jstemplate_compiled.js"> |
| </script> |
| <script type="text/javascript" src="../../../../third_party/json_minify/minify-sans-regexp.js"> |
| </script> |
| <script type="text/javascript" src="js/api_page_generator.js"></script> |
| <script type="text/javascript" src="js/bootstrap.js"></script> |
| <script type="text/javascript" src="js/sidebar.js"></script> |
| <meta name="description" content="Documentation for the chrome.devtools.network module, which is part of the Google Chrome extension APIs."><title>chrome.devtools.network |
| API - Google Chrome Extensions - Google Code</title></head> |
| <body> <div id="devModeWarning" class="displayModeWarning"> |
| You are viewing extension docs in chrome via the 'file:' scheme: are you expecting to see local changes when you refresh? You'll need run chrome with --allow-file-access-from-files. |
| </div> |
| <div id="branchWarning" class="displayModeWarning"> |
| <span>WARNING: This is the <span id="branchName">BETA</span> documentation. |
| It may not work with the stable release of Chrome.</span> |
| <select id="branchChooser"> |
| <option>Choose a different version... |
| </option><option value="">Stable |
| </option><option value="beta">Beta |
| </option><option value="dev">Dev |
| </option><option value="trunk">Trunk |
| </option></select> |
| </div> |
| <div id="unofficialWarning" class="displayModeWarning"> |
| <span>WARNING: This is unofficial documentation. It may not work with the |
| current release of Chrome.</span> |
| <button id="goToOfficialDocs">Go to the official docs</button> |
| </div> |
| <div id="gc-container" class="labs"> |
| <!-- SUBTEMPLATES: DO NOT MOVE FROM THIS LOCATION --> |
| <!-- In particular, sub-templates that recurse, must be used by allowing |
| jstemplate to make a copy of the template in this section which |
| are not operated on by way of the jsskip="true" --> |
| <!-- /SUBTEMPLATES --> |
| <a id="top"></a> |
| <div id="skipto"> |
| <a href="#gc-pagecontent">Skip to page content</a> |
| <a href="#gc-toc">Skip to main navigation</a> |
| </div> |
| <!-- API HEADER --> |
| <table id="header" width="100%" cellspacing="0" border="0"> |
| <tbody><tr> |
| <td valign="middle"><a href="http://code.google.com/"><img src="images/code_labs_logo.gif" height="43" width="161" alt="Google Code Labs" style="border:0; margin:0;"></a></td> |
| <td valign="middle" width="100%" style="padding-left:0.6em;"> |
| <form action="http://www.google.com/cse" id="cse" style="margin-top:0.5em"> |
| <div id="gsc-search-box"> |
| <input type="hidden" name="cx" value="002967670403910741006:61_cvzfqtno"> |
| <input type="hidden" name="ie" value="UTF-8"> |
| <input type="text" name="q" value="" size="55"> |
| <input class="gsc-search-button" type="submit" name="sa" value="Search"> |
| <br> |
| <span class="greytext">e.g. "page action" or "tabs"</span> |
| </div> |
| </form> |
| <script type="text/javascript" src="https://www.google.com/jsapi"></script> |
| <script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script> |
| <script type="text/javascript" src="https://www.google.com/coop/cse/t13n?form=cse&t13n_langs=en"></script> |
| <script type="text/javascript" src="https://www.google.com/coop/cse/brand?form=cse&lang=en"></script> |
| </td> |
| </tr> |
| </tbody></table> |
| <div id="codesiteContent" class=""> |
| <a id="gc-topnav-anchor"></a> |
| <div id="gc-topnav"> |
| <h1>Google Chrome Extensions (<a href="http://code.google.com/labs/">Labs</a>)</h1> |
| <ul id="home" class="gc-topnav-tabs"> |
| <li id="home_link"> |
| <a href="index.html" title="Google Chrome Extensions home page">Home</a> |
| </li> |
| <li id="docs_link"> |
| <a href="docs.html" title="Official Google Chrome Extensions documentation">Docs</a> |
| </li> |
| <li id="faq_link"> |
| <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions">FAQ</a> |
| </li> |
| <li id="samples_link"> |
| <a href="samples.html" title="Sample extensions (with source code)">Samples</a> |
| </li> |
| <li id="group_link"> |
| <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum">Group</a> |
| </li> |
| <li id="so_link"> |
| <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow">Questions?</a> |
| </li> |
| </ul> |
| </div> <!-- end gc-topnav --> |
| <div class="g-section g-tpl-170"> |
| <!-- SIDENAV --> |
| <div class="g-unit g-first" id="gc-toc"> |
| <ul> |
| <li><a href="getstarted.html">Getting Started</a></li> |
| <li><a href="overview.html">Overview</a></li> |
| <li><a href="whats_new.html">What's New?</a></li> |
| <li><h2><a href="devguide.html">Developer's Guide</a></h2> |
| <ul> |
| <li>Browser UI |
| <ul> |
| <li><a href="browserAction.html">Browser Actions</a></li> |
| <li><a href="contextMenus.html">Context Menus</a></li> |
| <li><a href="notifications.html">Desktop Notifications</a></li> |
| <li><a href="omnibox.html">Omnibox</a></li> |
| <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> |
| </ul> |
| </li> |
| <li>Browser Interaction |
| <ul> |
| <li><a href="bookmarks.html">Bookmarks</a></li> |
| <li><a href="cookies.html">Cookies</a></li> |
| <li><a href="devtools.html">Developer Tools</a></li> |
| <li><a href="events.html">Events</a></li> |
| <li><a href="history.html">History</a></li> |
| <li><a href="management.html">Management</a></li> |
| <li><a href="tabs.html">Tabs</a></li> |
| <li><a href="windows.html">Windows</a></li> |
| </ul> |
| </li> |
| <li>Implementation |
| <ul> |
| <li><a href="a11y.html">Accessibility</a></li> |
| <li><a href="background_pages.html">Background Pages</a></li> |
| <li><a href="content_scripts.html">Content Scripts</a></li> |
| <li><a href="xhr.html">Cross-Origin XHR</a></li> |
| <li><a href="i18n.html">Internationalization</a></li> |
| <li><a href="messaging.html">Message Passing</a></li> |
| <li><a href="permissions.html">Optional Permissions</a></li> |
| <li><a href="npapi.html">NPAPI Plugins</a></li> |
| </ul> |
| </li> |
| <li>Finishing |
| <ul> |
| <li><a href="hosting.html">Hosting</a></li> |
| <li><a href="external_extensions.html">Other Deployment Options</a></li> |
| </ul> |
| </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> |
| <li><a href="tut_analytics.html">Google Analytics</a></li> |
| <li><a href="tut_oauth.html">OAuth</a></li> |
| </ul> |
| </li> |
| <li><h2>Reference</h2> |
| <ul> |
| <li>Formats |
| <ul> |
| <li><a href="manifest.html">Manifest Files</a></li> |
| <li><a href="match_patterns.html">Match Patterns</a></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> |
| </li> |
| <li><h2><a href="samples.html">Samples</a></h2></li> |
| <div class="line"> </div> |
| <li><h2>More</h2> |
| <ul> |
| <li><a href="http://code.google.com/chrome/webstore/docs/index.html">Chrome Web Store</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> |
| </ul> |
| </div> |
| <script> |
| initToggles(); |
| </script> |
| <div class="g-unit" id="gc-pagecontent"> |
| <div id="pageTitle"> |
| <h1 class="page_title">chrome.devtools.network |
| API</h1> |
| </div> |
| <!-- TABLE OF CONTENTS --> |
| <div id="toc"> |
| <h2>Contents</h2> |
| <ol> |
| <li> |
| <a href="#H2-0">Overview</a> |
| <ol> |
| </ol> |
| </li><li> |
| <a href="#overview-examples">Examples</a> |
| <ol> |
| </ol> |
| </li> |
| <li> |
| <a href="#apiReference">API reference: chrome.devtools.network</a> |
| <ol> |
| <li> |
| <a href="#global-methods">Methods</a> |
| <ol> |
| <li> |
| <a href="#method-getHAR">getHAR</a> |
| </li> |
| </ol> |
| </li> |
| <li> |
| <a href="#global-events">Events</a> |
| <ol> |
| <li> |
| <a href="#event-onNavigated">onNavigated</a> |
| </li><li> |
| <a href="#event-onRequestFinished">onRequestFinished</a> |
| </li> |
| </ol> |
| </li> |
| <li> |
| <a href="#types">Types</a> |
| <ol> |
| <li> |
| <a href="#type-Request">Request</a> |
| <ol> |
| <li> |
| <a href="#global-Request-methods">Methods</a> |
| <ol> |
| <li> |
| <a href="#method-Request-getContent">getContent</a> |
| </li> |
| </ol> |
| </li> |
| </ol> |
| </li> |
| </ol> |
| </li> |
| </ol> |
| </li> |
| </ol> |
| </div> |
| <!-- /TABLE OF CONTENTS --> |
| <!-- Standard content lead-in for experimental API pages --> |
| <!-- STATIC CONTENT PLACEHOLDER --> |
| <div id="static"><!-- BEGIN AUTHORED CONTENT --> |
| <div id="pageData-name" class="pageData">chrome.devtools.network |
| API</div> |
| <p id="classSummary"> |
| Use the <code>chrome.devtools.network</code> module to retrieve |
| the information about network requests displayed by the Developer Tools |
| in the Network panel. |
| </p><p> |
| See <a href="devtools.html">DevTools APIs summary</a> for |
| general introduction to using Developer Tools APIs. |
| </p> |
| <a name="H2-0"></a><h2>Overview</h2> |
| <p> |
| Network requests information is represented in the HTTP Archive format |
| (<em>HAR</em>). The description of HAR is outside of scope of this document, |
| please refer to <a href="http://www.softwareishard.com/blog/har-12-spec/"> |
| HAR v1.2 Specification</a>. |
| </p><p> |
| In terms of HAR, the |
| <code>chrome.devtools.network.getHAR()</code> method returns |
| entire <em>HAR log</em>, while |
| <code>chrome.devtools.network.onRequestFinished</code> event |
| provides <em>HAR entry</em> as an argument to the event callback. |
| </p> |
| <p>Note that request content is not provided as part of HAR for efficieny |
| reasons. You may call request's <code>getContent()</code> method to retrieve |
| content. |
| </p><p>If the Developer Tools window is opened after the page is loaded, |
| some requests may be missing |
| in the array of entries returned by <code>getHAR()</code>. |
| Reload the page to get all requests. |
| In general, the list of |
| requests returned by <code>getHAR()</code> should match that displayed in |
| the Network panel. |
| </p><h2 id="overview-examples">Examples</h2> |
| <p>The following code logs URLs of all images larger than 40KB as they are |
| loaded:</p> |
| <pre>chrome.devtools.network.onRequestFinished.addListener( |
| function(request) { |
| if (request.response.bodySize > 40*1024) |
| chrome.experimental.devtools.console.addMessage( |
| chrome.experimental.devtools.console.Severity.Warning, |
| "Large image: " + request.request.url); |
| }); |
| </pre> |
| <p> |
| You can find more examples that use this API in |
| <a href="samples.html#devtools.network">Samples</a>. |
| </p> |
| <!-- END AUTHORED CONTENT --> |
| </div> |
| <!-- API PAGE --> |
| <div class="apiPage"> |
| <a name="apiReference"></a> |
| <h2>API reference: chrome.devtools.network</h2> |
| <!-- PROPERTIES --> |
| <!-- /apiGroup --> |
| <!-- METHODS --> |
| <div id="methodsTemplate" class="apiGroup"> |
| <a name="global-methods"></a> |
| <h3>Methods</h3> |
| <!-- iterates over all functions --> |
| <div class="apiItem"> |
| <a name="method-getHAR"></a> <!-- method-anchor --> |
| <h4>getHAR</h4> |
| <div class="summary"> |
| <!-- Note: intentionally longer 80 columns --> |
| <span>chrome.devtools.network.getHAR</span>(<span class="null"><span>function</span> |
| <var><span>callback</span></var></span>)</div> |
| <div class="description"> |
| <p>Returns HAR log that contains all known network requests.</p> |
| <!-- PARAMETERS --> |
| <h4>Parameters</h4> |
| <dl> |
| <div> |
| <div> |
| <dt> |
| <var>callback</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>function</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>A function that receives the HAR log when the request completes.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> |
| </dl> |
| <!-- RETURNS --> |
| <dl> |
| </dl> |
| <!-- CALLBACK --> |
| <div> |
| <div> |
| <h4>Callback function</h4> |
| <p> |
| The callback <em>parameter</em> should specify a function |
| that looks like this: |
| </p> |
| <!-- Note: intentionally longer 80 columns --> |
| <pre>function(<span>object harLog</span>) <span class="subdued">{...}</span>;</pre> |
| <dl> |
| <div> |
| <div> |
| <dt> |
| <var>harLog</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>object</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>A HAR log. See HAR specification for details.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> |
| </dl> |
| </div> |
| </div> |
| <!-- MIN_VERSION --> |
| </div> <!-- /description --> |
| </div> <!-- /apiItem --> |
| </div> <!-- /apiGroup --> |
| <!-- EVENTS --> |
| <div id="eventsTemplate" class="apiGroup"> |
| <a name="global-events"></a> |
| <h3>Events</h3> |
| <!-- iterates over all events --> |
| <div class="apiItem"> |
| <a name="event-onNavigated"></a> |
| <h4>onNavigated</h4> |
| <div class="summary"> |
| <!-- Note: intentionally longer 80 columns --> |
| <span class="subdued">chrome.devtools.network.</span><span>onNavigated</span><span class="subdued">.addListener</span>(function(<span>string url</span>) <span class="subdued">{...}</span><span></span>); |
| </div> |
| <div class="description"> |
| <p>Fired when the inspected window navigates to a new page.</p> |
| <!-- LISTENER PARAMETERS --> |
| <div> |
| <h4>Listener parameters</h4> |
| <dl> |
| <div> |
| <div> |
| <dt> |
| <var>url</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>string</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>URL of the new page.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> |
| </dl> |
| </div> |
| <!-- EXTRA PARAMETERS --> |
| <!-- LISTENER RETURN VALUE --> |
| <dl> |
| </dl> |
| </div> <!-- /description --> |
| </div><div class="apiItem"> |
| <a name="event-onRequestFinished"></a> |
| <h4>onRequestFinished</h4> |
| <div class="summary"> |
| <!-- Note: intentionally longer 80 columns --> |
| <span class="subdued">chrome.devtools.network.</span><span>onRequestFinished</span><span class="subdued">.addListener</span>(function(<span>Request request</span>) <span class="subdued">{...}</span><span></span>); |
| </div> |
| <div class="description"> |
| <p>Fired when a network request is finished and all request data are available.</p> |
| <!-- LISTENER PARAMETERS --> |
| <div> |
| <h4>Listener parameters</h4> |
| <dl> |
| <div> |
| <div> |
| <dt> |
| <var>request</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <a href="devtools.network.html#type-Request">Request</a> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>Description of a network request in the form of a HAR entry. See HAR specification for details.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> |
| </dl> |
| </div> |
| <!-- EXTRA PARAMETERS --> |
| <!-- LISTENER RETURN VALUE --> |
| <dl> |
| </dl> |
| </div> <!-- /description --> |
| </div> <!-- /apiItem --> |
| </div> <!-- /apiGroup --> |
| <!-- TYPES --> |
| <div class="apiGroup"> |
| <a name="types"></a> |
| <h3 id="types">Types</h3> |
| <!-- iterates over all types --> |
| <div class="apiItem"> |
| <a name="type-Request"></a> |
| <h4>Request</h4> |
| <div> |
| <dt> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>object</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>Represents a network request for a document resource (script, image and so on). See HAR Specification for reference.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <dd> |
| <div class="apiGroup"> |
| <a name="global-Request-methods"></a> |
| <h3>Methods of Request</h3> |
| <!-- iterates over all functions --> |
| <div class="apiItem"> |
| <a name="method-Request-getContent"></a> <!-- method-anchor --> |
| <h4>getContent</h4> |
| <div class="summary"> |
| <!-- Note: intentionally longer 80 columns --> |
| <span>request.getContent</span>(<span class="null"><span>function</span> |
| <var><span>callback</span></var></span>)</div> |
| <div class="description"> |
| <p>Returns content of the response body.</p> |
| <!-- PARAMETERS --> |
| <h4>Parameters</h4> |
| <dl> |
| <div> |
| <div> |
| <dt> |
| <var>callback</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>function</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>A function that receives the response body when the request completes.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> |
| </dl> |
| <!-- RETURNS --> |
| <dl> |
| </dl> |
| <!-- CALLBACK --> |
| <div> |
| <div> |
| <h4>Callback function</h4> |
| <p> |
| The callback <em>parameter</em> should specify a function |
| that looks like this: |
| </p> |
| <!-- Note: intentionally longer 80 columns --> |
| <pre>function(<span>string content, string encoding</span>) <span class="subdued">{...}</span>;</pre> |
| <dl> |
| <div> |
| <div> |
| <dt> |
| <var>content</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>string</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>Content of the response body (potentially encoded).</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div><div> |
| <div> |
| <dt> |
| <var>encoding</var> |
| <em> |
| <!-- TYPE --> |
| <div style="display:inline"> |
| ( |
| <span id="typeTemplate"> |
| <span> |
| <span>string</span> |
| </span> |
| </span> |
| ) |
| </div> |
| </em> |
| </dt> |
| <dd>Empty if content is not encoded, encoding name otherwise. Currently, only base64 is supported.</dd> |
| <!-- OBJECT PROPERTIES --> |
| <!-- OBJECT METHODS --> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> |
| </dl> |
| </div> |
| </div> |
| <!-- MIN_VERSION --> |
| </div> <!-- /description --> |
| </div> <!-- /apiItem --> |
| </div> |
| </dd> |
| <!-- OBJECT EVENT FIELDS --> |
| <!-- FUNCTION PARAMETERS --> |
| </div> |
| </div> <!-- /apiItem --> |
| </div> <!-- /apiGroup --> |
| </div> <!-- /apiPage --> |
| </div> <!-- /gc-pagecontent --> |
| </div> <!-- /g-section --> |
| </div> <!-- /codesiteContent --> |
| <div id="gc-footer" --=""> |
| <div class="text"> |
| <p> |
| Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>, |
| the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons |
| Attribution 3.0 License</a>, and code samples are licensed under the |
| <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>. |
| </p> |
| <p> |
| ©2011 Google |
| </p> |
| <!-- begin analytics --> |
| <script src="https://www.google-analytics.com/urchin.js" type="text/javascript"></script> |
| <script src="https://www.google-analytics.com/ga.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| // chrome doc tracking |
| try { |
| var engdocs = _gat._getTracker("YT-10763712-2"); |
| engdocs._trackPageview(); |
| } catch(err) {} |
| // code.google.com site-wide tracking |
| try { |
| _uacct="UA-18071-1"; |
| _uanchor=1; |
| _uff=0; |
| urchinTracker(); |
| } |
| catch(e) {/* urchinTracker not available. */} |
| </script> |
| <!-- end analytics --> |
| </div> |
| </div> <!-- /gc-footer --> |
| </div> <!-- /gc-container --> |
| </body></html> |
