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—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