• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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>
7If you don't find an answer to your question here,
8try 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,#####,#####,#####
122cf,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
123cf,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
124linux,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
125linux,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
126linux,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
127mac,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
128mac,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
129mac,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
130win,canary,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
131win,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
132win,beta,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
133win,stable,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
134cros,dev,#.#.###.#,#.#.###.#,mm/dd/yy,mm/dd/yy,#####,#####,#####
135cros,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');
361if (!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