Home | History | Annotate | Download | only in static
      1 <div id="pageData-name" class="pageData">Frequently Asked Questions</div>
      2 
      3 
      4 <!-- <div id="pageData-showTOC" class="pageData">true</div> -->
      5 
      6 <p>
      7 If you don't find an answer to your question here,
      8 try the
      9 <a href="http://code.google.com/chrome/webstore/faq.html">Chrome Web Store FAQ</a>, the
     10 <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">group</a>, or the
     11 <a href="http://www.google.com/support/chrome/bin/answer.py?answer=113909">gallery help</a>.
     12 <!-- PENDING: add a link to store help -->
     13 </p>
     14 
     15 <div id="faq-TOC">
     16   <h4>General</h4>
     17   <ul>
     18     <li><a href="#faq-gen-01">What are Google Chrome Extensions?</a></li>
     19     <li><a href="#faq-dev-01">How can I set up Chrome for extension development?</a></li>
     20     <li><a href="#faq-gen-02">What technologies are used to write extensions for Chrome?</a></li>
     21     <li><a href="#faq-gen-03">Are extensions fetched from the web every time the browser is loaded?</a></li>
     22     <li><a href="#faq-dev-14">How do I determine which version of Chrome is deployed to which channel?</a></li>
     23   </ul>
     24   <h4>Capabilities</h4>
     25   <ul>
     26     <li><a href="#faq-dev-02">Can extensions make cross-domain Ajax requests?</a></li>
     27     <li><a href="#faq-dev-03">Can extensions use 3rd party web services?</a></li>
     28     <li><a href="#faq-dev-07">Can extensions encode/decode JSON data?</a></li>
     29     <li><a href="#faq-dev-08">Can extensions store data locally?</a></li>
     30     <li><a href="#faq-dev-04">Can extensions use OAuth?</a></li>
     31     <li><a href="#faq-dev-06">Can extensions load DLLs?</a></li>
     32     <li><a href="#faq-dev-05">Can extensions create UI outside of the rendered web page?</a></li>
     33     <li><a href="#faq-interact-chrome">Can extensions listen to clicks on Chrome tabs and navigation buttons?</a>
     34     <li><a href="#faq-dev-11">Can two extensions communicate with each other?</a></li>
     35     <li><a href="#faq-dev-13">Can extensions use Google Analytics?</a></li>
     36     <li><a href="#faq-dev-15">Can extensions modify chrome:// URLs?</a></li>
     37     <li><a href="#faq-open-popups">Can extensions open browser/page action popups without user interaction?</a></li>
     38     <li><a href="#faq-persist-popups">Can extensions keep popups open after the user clicks away from them?</a></li>
     39     <li><a href="#faq-lifecycle-events">Can extensions be notified when they are installed/uninstalled?</a></li>
     40   </ul>
     41   <h4>Development</h4>
     42   <ul>
     43     <li><a href="#faq-building-ui">How do I build a UI for my extension?</a>
     44     <li><a href="#faq-dev-09">How much data can I store in localStorage?</a></li>
     45     <li><a href="#faq-dev-10">How do I create an options menu for my application?</a></li>
     46     <li><a href="#faq-dev-12">What debugging tools are available to extension developers?</a></li>
     47     <li><a href="#faq-dev-16">Why do wildcard matches not work for top level domains (TLDs)?</a></li>
     48     <li><a href="#faq-management">Why does the management API not fire events when my extension is installed/uninstalled?</a></li>
     49     <li><a href="#faq-firstrun">How can an extension determine whether it is running for the first time?</a></li>
     50   </ul>
     51   <h4>Features and bugs</h4>
     52   <ul>
     53     <li><a href="#faq-fea-01">I think I've found a bug! How do I make sure it gets fixed?</a></li>
     54     <li><a href="#faq-fea-02">I have a feature request! How can I report it?</a></li>
     55   </ul>
     56 </div>
     57 
     58 <h2>General</h2>
     59 
     60 <h3 id="faq-gen-01">What are Google Chrome Extensions?</h3>
     61 <p>
     62   Google Chrome Extensions are applications that run inside the
     63   Chrome browser and provide additional functionality, integration with third
     64   party websites or services, and customized browsing experiences.
     65 </p>
     66 
     67 <h3 id="faq-dev-01">How can I set up Chrome for extension development?</h3>
     68 <p>
     69   As long as you are using a version of Chrome that supports
     70   extensions, you already have everything you need to start writing an
     71   extension of your own.
     72   You can start by turning on Developer mode.
     73   </p>
     74 
     75   <p>
     76   Click the wrench icon
     77   <img src="images/toolsmenu.gif" height="29" width="29" alt=""
     78     class="nomargin" />
     79   and select <b>Extensions</b> from the <b>Tools</b> menu.
     80   If there's a "+" next to "Developer mode",
     81   click the "+" so it turns into a "-".
     82   Now you can reload extensions,
     83   load an unpacked directory of files as if it were a packaged extension,
     84   and more. For a complete tutorial, see
     85   <a href="http://code.google.com/chrome/extensions/getstarted.html">Getting Started</a>.
     86 </p>
     87 
     88 <h3 id="faq-gen-02">What technologies are used to write extensions for Chrome?</h3>
     89 <p>
     90   Extensions are written using the same standard web
     91   technologies that developers use to create websites. HTML is used as a
     92   content markup language, CSS is used for styling, and JavaScript for
     93   scripting. Because Chrome supports HTML5 and CSS3, developers can
     94   use the latest open web technologies such as canvas and CSS animations in
     95   their extensions. Extensions also have access to several
     96   <a href="http://code.google.com/chrome/extensions/api_other.html">JavaScript APIs</a>
     97   that help perform functions like JSON encoding and interacting with the
     98   browser.
     99 </p>
    100 
    101 
    102 <h3 id="faq-gen-03">Are extensions fetched from the web every time the browser is loaded?</h3>
    103 <p>
    104   Extensions are downloaded by the Chrome browser upon install, and
    105   are subsequently run off of the local disk in order to speed up
    106   performance. However, if a new version of the extension is pushed online,
    107   it will be automatically downloaded in the background to any users who
    108   have the extension installed. Extensions may also make requests for remote
    109   content at any time, in order to interact with a web service or pull new
    110   content from the web.
    111 </p>
    112 
    113 <h3 id="faq-dev-14">How do I determine which version of Chrome is deployed to which channel?</h3>
    114 <p>
    115   To determine which version of Chrome is currently available on each
    116   of the different platforms, visit
    117   <a href="http://omahaproxy.appspot.com">omahaproxy.appspot.com</a>.  On that
    118   site you will see data in a format similar to:
    119 </p>
    120 
    121 <pre>cf,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    122 cf,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    123 cf,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    124 linux,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    125 linux,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    126 linux,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    127 mac,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    128 mac,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    129 mac,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    130 win,canary,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    131 win,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    132 win,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    133 win,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    134 cros,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
    135 cros,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####</pre>
    136 
    137 <p>
    138   Each line represents information about a different platform and channel
    139   combination. The
    140   listed platforms are <code>cf</code> (Google Chrome Frame),
    141   <code>linux</code>, <code>mac</code>, <code>win</code>, and
    142   <code>cros</code> (Google Chrome OS).  The listed
    143   channels are <code>canary</code>, <code>dev</code>, <code>beta</code>,
    144   and <code>stable</code>.
    145   The two four-part numbers after the channel represent the current and previous
    146   versions of Chrome deployed to that platform-channel
    147   combination.  The rest of the information is metadata about when the releases
    148   were first pushed, as well as revision numbers associated with each build.
    149 </p>
    150 
    151 
    152 <h2>Capabilities</h2>
    153 
    154 <h3 id="faq-dev-02">Can extensions make cross-domain Ajax requests?</h3>
    155 <p>
    156   Yes. Extensions can make cross-domain requests.  See
    157   <a href="http://code.google.com/chrome/extensions/xhr.html">this page</a>
    158   for more information.
    159 </p>
    160 
    161 <h3 id="faq-dev-03">Can extensions use 3rd party web services?</h3>
    162 <p>
    163   Yes. Extensions are capable of making cross-domain Ajax
    164   requests, so they can call remote APIs directly. APIs that provide data
    165   in JSON format are particularly easy to use.
    166 </p>
    167 
    168 <h3 id="faq-dev-07">Can extensions encode/decode JSON data?</h3>
    169 <p>
    170   Yes, because V8 (Chrome's JavaScript engine) supports
    171   JSON.stringify and JSON.parse natively, you may use these functions in your
    172   extensions
    173   <a href="http://json.org/js.html">as described here</a> without including
    174   any additional JSON libraries in your code.
    175 </p>
    176 
    177 <h3 id="faq-dev-08">Can extensions store data locally?</h3>
    178 <p>
    179   Yes, extensions can use <a href="http://dev.w3.org/html5/webstorage/">localStorage</a>
    180   to store string data permanently. Using Chrome's built-in JSON
    181   functions, you can store complex data structures in localStorage.  For
    182   extensions that need to execute SQL queries on their stored data,
    183   Chrome implements
    184   <a href="http://dev.w3.org/html5/webdatabase/">client side SQL databases</a>,
    185   which may be used as well.
    186 </p>
    187 
    188 <h3 id="faq-dev-04">Can extensions use OAuth?</h3>
    189 <p>
    190   Yes, there are extensions that use OAuth to access remote data
    191   APIs. Most developers find it convenient to use a
    192   <a href="http://unitedheroes.net/OAuthSimple/js/OAuthSimple.js">JavaScript OAuth library</a>
    193   in order to simplify the process of signing OAuth requests.
    194 </p>
    195 
    196 <h3 id="faq-dev-06">Can extensions load DLLs?</h3>
    197 <p>
    198   Yes, using the <a href="npapi.html">NPAPI interface</a>.
    199   Because of the possibility for abuse, though, we will review your extension
    200   before hosting it in the Google Chrome Extensions Gallery
    201   or Chrome Web Store.
    202 </p>
    203 
    204 <h3 id="faq-dev-05">Can extensions create UI outside of the rendered web page?</h3>
    205 <p>
    206   Yes, your extension may add buttons to the Chrome browser's user interface.
    207   See <a href="browserAction.html">browser actions</a> and
    208   <a href="pageAction.html">page actions</a> for more information.
    209 </p>
    210 <p>
    211   An extension may also create popup notifications, which exist outside of the
    212   browser window.  See the <a href="notifications.html">desktop
    213     notifications</a> documentation for more details.
    214 </p>
    215 
    216 <h3 id="faq-interact-chrome">Can extensions listen to clicks on Chrome tabs and
    217   navigation buttons?</h3>
    218 <p>
    219   No.  Extensions are limited to listening to the events described in the <a
    220     href="api_index.html">API documentation</a>.
    221 </p>
    222 
    223 <h3 id="faq-dev-11">Can two extensions communicate with each other?</h3>
    224 <p>
    225   Yes, extensions may pass messages to other extensions. See the
    226   <a href="messaging.html#external">message passing documentation</a>
    227   for more information.
    228 </p>
    229 
    230 <h3 id="faq-dev-13">Can extensions use Google Analytics?</h3>
    231 <p>
    232   Yes, since extensions are built just like websites, they can use
    233   <a href="http://www.google.com/analytics/">Google Analytics</a> to track
    234   usage.  However, we strongly advise you to modify the tracking code to pull
    235   an HTTPS version of the Google Analytics library.  See
    236   <a href="tut_analytics.html">this tutorial</a> for more information on doing
    237   this.
    238 </p>
    239 
    240 <h3 id="faq-dev-15">Can extensions modify chrome:// URLs?</h3>
    241 <p>
    242   No. The extensions APIs have been designed to minimize backwards
    243   compatibility issues that can arise when new versions of the browser are
    244   pushed. Allowing content scripts on <code>chrome://</code>
    245   URLs would mean that developers would begin to rely on the DOM, CSS, and
    246   JavaScript of these pages to stay the same.  In the best case, these pages
    247   could not be updated as quickly as they are being updated right now.
    248   In the worst case, it could mean that an update to one
    249   of these pages could cause an extension to break, causing key parts of the
    250   browser to stop working for users of that extension.
    251 </p>
    252 
    253 <p>
    254   The reason that <a href="override.html">replacing the content</a>
    255   hosted at these URLs entirely is
    256   allowed is because it forces an extension developer to implement all of the
    257   functionality they want without depending on the browser's internal implementation
    258   to stay the same.
    259 </p>
    260 
    261 <h3 id="faq-open-popups">Can extensions open browser/page action popups without
    262   user interaction?</h3>
    263 <p>
    264   No, popups can only be opened if the user clicks on the corresponding page or
    265   browser action.  An extension cannot open its popup programatically.
    266 </p>
    267 
    268 <h3 id="faq-persist-popups">Can extensions keep popups open after the user
    269   clicks away from them?</h3>
    270 <p>
    271   No, popups automatically close when the user focuses on some portion of the
    272   browser outside of the popup.  There is no way to keep the popup open after
    273   the user has clicked away.
    274 </p>
    275 
    276 <h3 id="faq-lifecycle-events">Can extensions be notified when they are
    277   installed/uninstalled?</h3>
    278 <p>
    279   No, there are no events an extension can listen to in order to determine
    280   whether it has been installed or uninstalled.  However, an extension can
    281   determine when it has been run for the first time.  See <a
    282     href="#faq-firstrun">this FAQ entry</a> for information.
    283 </p>
    284 
    285 
    286 <h2>Development</h2>
    287 
    288 
    289 <h3 id="faq-building-ui">How do I build a UI for my extension?</h3>
    290 <p>
    291   Extensions use HTML and CSS to define their user interfaces, so you can use
    292   standard form controls to build your UI, or style the interface with CSS,
    293   as you would a web page.  Additionally, extensions can add
    294   <a href="#faq-dev-05">some limited UI elements to Chrome itself.</a>
    295 </p>
    296 
    297 <h3 id="faq-dev-09">How much data can I store in localStorage?</h3>
    298 <p>
    299   Extensions can store up to 5MB of data in localStorage.
    300 </p>
    301 
    302 <h3 id="faq-dev-10">How do I create an options menu for my application?</h3>
    303 <p>
    304   You can let users set options for your extension by creating an
    305   <a href="http://code.google.com/chrome/extensions/trunk/options.html">options page</a>,
    306   which is a simple HTML page that will be loaded when a user clicks the
    307   "options" button for your extension. This page can read and write settings
    308   to localStorage, or even send options to a web server so that they can be
    309   persisted across browsers.
    310 </p>
    311 
    312 <h3 id="faq-dev-12">What debugging tools are available to extension developers?</h3>
    313 <p>
    314   Chrome's built-in developer tools can be used to debug extensions
    315   as well as web pages. See this
    316   <a href="http://code.google.com/chrome/extensions/tut_debugging.html ">tutorial on debugging extensions</a>
    317   for more information.
    318 </p>
    319 
    320 <h3 id="faq-dev-16">Why do wildcard matches not work for top level domains
    321   (TLDs)?</h3>
    322 <p>
    323   You cannot use wildcard match patterns like <code>http://google.*/*</code>
    324   to match TLDs (like <code>http://google.es</code> and
    325   <code>http://google.fr</code>) due to the
    326   complexity of actually restricting such a match to only the desired domains.
    327 </p>
    328 <p>
    329   For the example of <code>http://google.*/*</code>, the Google domains would
    330   be matched, but so would <code>http://google.someotherdomain.com</code>.
    331   Additionally, many sites do not own all of the TLDs for their
    332   domain.  For an example, assume you want to use
    333   <code>http://example.*/*</code> to match <code>http://example.com</code> and
    334   <code>http://example.es</code>, but <code>http://example.net</code> is a
    335   hostile site.  If your extension has a bug, the hostile site could potentially
    336   attack your extension in order to get access to your extension's increased
    337   privileges.
    338 </p>
    339 <p>
    340   You should explicitly enumerate the TLDs that you wish to run
    341   your extension on.
    342 </p>
    343 
    344 <h3 id="faq-management">Why does the management API not fire events when my
    345   extension is installed/uninstalled?</h3>
    346 <p>
    347   The <a href="management.html">management API</a> was intended to help create
    348   new tab page replacement extensions.  It was not intended to fire
    349   install/uninstall events for the current extension.
    350 </p>
    351 
    352 <h3 id="faq-firstrun">How can an extension determine whether it is running for
    353   the first time?</h3>
    354 <p>
    355   An extension can check to see whether it is running for the first time by
    356   checking for the presence of a value in localStorage, and writing the value if
    357   it does not exist. For example:
    358 </p>
    359 
    360 <pre>var firstRun = (localStorage['firstRun'] == 'true');
    361 if (!firstRun) {
    362   localStorage['firstRun'] = 'true';
    363 }</pre>
    364 
    365 <p>
    366   Note that this check should be run in a background page, not a content script.
    367 </p>
    368 
    369 
    370 <h2>Features and bugs</h2>
    371 
    372 
    373 <h3 id="faq-fea-01">I think I've found a bug! How do I make sure it gets
    374   fixed?</h3>
    375 <p>
    376   While developing an extension, you may find behavior that does not
    377   match the extensions documentation and may be the result of a bug in
    378   Chrome.  The best thing to do is to make sure an appropriate issue
    379   report is filed, and the Chromium team has enough information to reproduce
    380   the behavior.
    381 </p>
    382 
    383 <p>The steps you should follow to ensure this are:</p>
    384 
    385 <ol>
    386   <li>
    387     Come up with a <em>minimal</em> test extension that demonstrates the issue
    388     you wish to report.  This extension should have as little code as possible
    389     to demonstrate the bug&mdash;generally this should be 100 lines of
    390     code or less.  Many times, developers find that they cannot reproduce their
    391     issues this way, which is a good indicator that the bug is in their own
    392     code.
    393   </li>
    394   <li>
    395     Search the issue tracker at
    396     <a href="http://www.crbug.com">http://www.crbug.com</a> to see whether
    397     someone has reported a similar issue.  Most issues related to
    398     extensions are filed under <strong>Feature=Extensions</strong>, so to
    399     look for an extension bug related to the
    400     chrome.tabs.executeScript function (for example), search for
    401     "<code>Feature=Extensions Type=Bug chrome.tabs.executeScript</code>",
    402     which will give you
    403     <a href="http://code.google.com/p/chromium/issues/list?can=2&q=Feature%3DExtensions+Type%3DBug+chrome.tabs.executeScript&colspec=ID+Stars+Pri+Area+Feature+Type+Status+Summary+Modified+Owner+Mstone+OS&x=mstone&y=area&cells=tiles">
    404     this list of results</a>.
    405   </li>
    406   <li>
    407     If you find a bug that describes your issue, click the star icon to be
    408     notified when the bug receives an update.  <em>Do not respond to the
    409     bug to say "me too" or ask "when will this be fixed?"</em>; such updates
    410     can cause hundreds of emails to be sent.  Add a comment only if you have
    411     information (such as a better test case or a suggested fix) that is likely
    412     to be helpful.
    413   </li>
    414   <li>
    415     If you found no appropriate bug to star, file a new issue report at
    416     <a href="http://new.crbug.com">http://new.crbug.com</a>.  Be as explicit
    417     as possible when filling out this form: choose a descriptive title,
    418     explain the steps to reproduce the bug, and describe the expected and
    419     actual behavior.  Attach your test example to the report and add
    420     screenshots if appropriate.  The easier your report makes it for others
    421     to reproduce your issue, the greater chance that your bug will be fixed
    422     promptly.
    423   </li>
    424   <li>
    425     Wait for the bug to be updated.  Most new bugs are triaged within a week,
    426     although it can sometimes take longer for an update.  <em>Do not reply
    427     to the bug to ask when the issue will be fixed.</em>  If your bug has not
    428     been modified after two weeks, please post a message to the
    429     <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions/topics">
    430     discussion group</a> with a link back to your bug.
    431   </li>
    432   <li>
    433     If you originally reported your bug on the discussion group and were
    434     directed to this FAQ entry, reply to your original thread with a link
    435     to the bug you starred or reported.  This will make it easier for others
    436     experiencing the same issue to find the correct bug.
    437   </li>
    438 </ol>
    439 
    440 <h3 id="faq-fea-02">I have a feature request! How can I report it?</h3>
    441 
    442 <p>If you identify a feature (especially if it's related to an experimental
    443   API) that could be added to improve the extension development experience,
    444   make sure an appropriate request is filed in the issue tracker.</p>
    445 
    446 <p>The steps you should follow to ensure this are:</p>
    447 
    448 <ol>
    449   <li>
    450     Search the issue tracker at
    451     <a href="http://www.crbug.com">http://www.crbug.com</a> to see whether
    452     someone has requested a similar feature.  Most requests related to
    453     extensions are filed under <strong>Feature=Extensions</strong>, so to
    454     look for an extension feature request related to keyboard shortcuts
    455     (for example), search
    456     for "<code>Feature=Extensions Type=Feature shortcuts</code>",
    457     which will give you
    458     <a href="http://code.google.com/p/chromium/issues/list?can=2&q=Feature%3DExtensions+Type%3DFeature+shortcuts&colspec=ID+Stars+Pri+Area+Feature+Type+Status+Summary+Modified+Owner+Mstone+OS&x=mstone&y=area&cells=tiles">
    459     this list of results</a>.
    460   </li>
    461   <li>
    462     If you find a ticket that matches your request, click the star icon to be
    463     notified when the bug receives an update.  <em>Do not respond to the
    464     bug to say "me too" or ask "when will this be implemented?"</em>; such
    465     updates can cause hundreds of emails to be sent.
    466   </li>
    467   <li>
    468     If you found no appropriate ticket to star, file a new request at
    469     <a href="http://new.crbug.com">http://new.crbug.com</a>.  Be as detailed
    470     as possible when filling out this form: choose a descriptive title
    471     and explain exactly what feature you would like and how you plan to use it.
    472   </li>
    473   <li>
    474     Wait for the ticket to be updated.  Most new requests are triaged within a
    475     week, although it can sometimes take longer for an update.  <em>Do not reply
    476     to the ticket to ask when the feature will be added.</em>  If your
    477     ticket has not been modified after two weeks, please post a message to the
    478     <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions/topics">
    479     discussion group</a> with a link back to your request.
    480   </li>
    481   <li>
    482     If you originally reported your request on the discussion group and were
    483     directed to this FAQ entry, reply to your original thread with a link
    484     to the ticket you starred or opened.  This will make it easier for others
    485     with the same request to find the correct ticket.
    486   </li>
    487 </ol>
    488 
    489