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