-
Notifications
You must be signed in to change notification settings - Fork 37
/
Copy pathsamples.html
298 lines (293 loc) · 156 KB
/
samples.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="stable/static/css/site.css" rel="stylesheet" type="text/css">
<link href="stable/static/css/print.css" rel="stylesheet" type="text/css" media="print">
<link href="stable/static/css/prettify.css" rel="stylesheet" type="text/css">
<link href="//www.google.com/images/icons/product/chrome-16.png" rel="icon" type="image/ico">
<link href="stable/static/css/samples.css" rel="stylesheet" type="text/css">
<title>Sample Extensions - Google Chrome Extensions</title>
</head>
<body>
<a id="top"></a>
<div id="header">{Header content}</div>
<a id="gc-topnav-anchor"></a>
<div id="gc-topnav">
<h1>Google Chrome Extensions</h1>
<ul id="home" class="gc-topnav-tabs">
<li id="home_link">
<a href="index.html" title="Google Chrome Extensions home page"><div>Home</div></a>
</li>
<li id="docs_link">
<a href="docs.html" title="Official Google Chrome Extensions documentation"><div>Docs</div></a>
</li>
<li id="faq_link">
<a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><div>FAQ</div></a>
</li>
<li id="samples_link">
<a href="samples.html" title="Sample Extensions (with source code)"><div>Samples</div></a>
</li>
<li id="group_link">
<a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><div>Group</div></a>
</li>
<li id="so_link">
<a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><div>Questions?</div></a>
</li>
</ul>
</div>
<div id="gc-container">
<div id="gc-sidebar">
<ul
class="level1 ">
<li class="level2">
<a href="getstarted.html" class="level2 ">Getting Started</a>
</li>
<li class="level2">
<a href="overview.html" class="level2 ">Overview</a>
</li>
<li class="level2">
<a href="whats_new.html" class="level2 ">What's New?</a>
</li>
<li class="level2">
<a href="devguide.html" class="level2 ">Developer's Guide</a>
<ul
class="level2 ">
<li class="level3">
<a class="button level3">
<span class="level3">Browser UI</span>
<div class="toggleIndicator level3"></div>
</a>
<ul toggleable
class="level3 hidden">
<li class="level4">
<a href="browserAction.html" class="level4 ">Browser Actions</a>
</li>
<li class="level4">
<a href="contextMenus.html" class="level4 ">Context Menus</a>
</li>
<li class="level4">
<a href="notifications.html" class="level4 ">Desktop Notifications</a>
</li>
<li class="level4">
<a href="omnibox.html" class="level4 ">Omnibox</a>
</li>
<li class="level4">
<a href="options.html" class="level4 ">Options Pages</a>
</li>
<li class="level4">
<a href="override.html" class="level4 ">Override Pages</a>
</li>
<li class="level4">
<a href="pageAction.html" class="level4 ">Page Actions</a>
</li>
</ul>
</li>
<li class="level3">
<a class="button level3">
<span class="level3">Browser Interaction</span>
<div class="toggleIndicator level3"></div>
</a>
<ul toggleable
class="level3 hidden">
<li class="level4">
<a href="bookmarks.html" class="level4 ">Bookmarks</a>
</li>
<li class="level4">
<a href="cookies.html" class="level4 ">Cookies</a>
</li>
<li class="level4">
<a href="devtools.html" class="level4 ">Developer Tools</a>
</li>
<li class="level4">
<a href="events.html" class="level4 ">Events</a>
</li>
<li class="level4">
<a href="history.html" class="level4 ">History</a>
</li>
<li class="level4">
<a href="management.html" class="level4 ">Management</a>
</li>
<li class="level4">
<a href="tabs.html" class="level4 ">Tabs</a>
</li>
<li class="level4">
<a href="windows.html" class="level4 ">Windows</a>
</li>
</ul>
</li>
<li class="level3">
<a class="button level3">
<span class="level3">Implementation</span>
<div class="toggleIndicator level3"></div>
</a>
<ul toggleable
class="level3 hidden">
<li class="level4">
<a href="a11y.html" class="level4 ">Accessibility</a>
</li>
<li class="level4">
<a href="event_pages.html" class="level4 ">Event Pages</a>
</li>
<li class="level4">
<a href="contentSecurityPolicy.html" class="level4 ">Content Security Policy</a>
</li>
<li class="level4">
<a href="content_scripts.html" class="level4 ">Content Scripts</a>
</li>
<li class="level4">
<a href="xhr.html" class="level4 ">Cross-Origin XHR</a>
</li>
<li class="level4">
<a href="i18n.html" class="level4 ">Internationalization</a>
</li>
<li class="level4">
<a href="messaging.html" class="level4 ">Message Passing</a>
</li>
<li class="level4">
<a href="permissions.html" class="level4 ">Optional Permissions</a>
</li>
<li class="level4">
<a href="npapi.html" class="level4 ">NPAPI Plugins</a>
</li>
</ul>
</li>
<li class="level3">
<a class="button level3">
<span class="level3">Finishing</span>
<div class="toggleIndicator level3"></div>
</a>
<ul toggleable
class="level3 hidden">
<li class="level4">
<a href="hosting.html" class="level4 ">Hosting</a>
</li>
<li class="level4">
<a href="external_extensions.html" class="level4 ">Other Deployment Options</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="level2">
<a href="tutorials.html" class="level2 ">Tutorials</a>
<ul
class="level2 ">
<li class="level3">
<a href="tut_migration_to_manifest_v2.html" class="level3 ">Manifest V2</a>
</li>
<li class="level3">
<a href="tut_debugging.html" class="level3 ">Debugging</a>
</li>
<li class="level3">
<a href="tut_analytics.html" class="level3 ">Google Analytics</a>
</li>
<li class="level3">
<a href="tut_oauth.html" class="level3 ">OAuth</a>
</li>
</ul>
</li>
<li class="level2">
<span class="level2">Reference</span>
<ul
class="level2 ">
<li class="level3">
<a class="button level3">
<span class="level3">Formats</span>
<div class="toggleIndicator level3"></div>
</a>
<ul toggleable
class="level3 hidden">
<li class="level4">
<a href="manifest.html" class="level4 ">Manifest Files</a>
</li>
<li class="level4">
<a href="match_patterns.html" class="level4 ">Match Patterns</a>
</li>
</ul>
</li>
<li class="level3">
<a href="permission_warnings.html" class="level3 ">Permission Warnings</a>
</li>
<li class="level3">
<a href="api_index.html" class="level3 ">chrome.* APIs</a>
</li>
<li class="level3">
<a href="api_other.html" class="level3 ">Other APIs</a>
</li>
</ul>
</li>
<li class="level2">
<span class="level2">More</span>
<ul
class="level2 ">
<li class="level3">
<a href="http://code.google.com/chrome/webstore/docs/index.html" class="level3 ">Chrome Web Store</a>
</li>
<li class="level3">
<a href="http://code.google.com/chrome/apps/docs/developers_guide.html" class="level3 ">Hosted Apps</a>
</li>
<li class="level3">
<a href="themes.html" class="level3 ">Themes</a>
</li>
</ul>
</li>
</ul>
</div>
<div id="gc-pagecontent">
<h1 class="page_title">Sample Extensions</h1>
<div id="controls">
<table class="controlbox">
<tr>
<td class="label">Filter by keyword:</td>
<td><input autofocus type="search" id="search_input" placeholder="Type to search"></td>
</tr>
<tr>
<td class="label">Filter by API:</td>
<td>
<div id="api_filter_items">
<span><a href="javascript:void(0)">alarms</a> | </span><span><a href="javascript:void(0)">bookmarks</a> | </span><span><a href="javascript:void(0)">browserAction</a> | </span><span><a href="javascript:void(0)">browsingData</a> | </span><span><a href="javascript:void(0)">commands</a> | </span><span><a href="javascript:void(0)">contentSettings</a> | </span><span><a href="javascript:void(0)">contextMenus</a> | </span><span><a href="javascript:void(0)">cookies</a> | </span><span><a href="javascript:void(0)">debugger</a> | </span><span><a href="javascript:void(0)">declarativeWebRequest</a> | </span><span><a href="javascript:void(0)">devtools.inspectedWindow</a> | </span><span><a href="javascript:void(0)">devtools.network</a> | </span><span><a href="javascript:void(0)">devtools.panels</a> | </span><span><a href="javascript:void(0)">downloads</a> | </span><span><a href="javascript:void(0)">events</a> | </span><span><a href="javascript:void(0)">extension</a> | </span><span><a href="javascript:void(0)">fileBrowserHandler</a> | </span><span><a href="javascript:void(0)">fontSettings</a> | </span><span><a href="javascript:void(0)">history</a> | </span><span><a href="javascript:void(0)">i18n</a> | </span><span><a href="javascript:void(0)">idle</a> | </span><span><a href="javascript:void(0)">input.ime</a> | </span><span><a href="javascript:void(0)">management</a> | </span><span><a href="javascript:void(0)">omnibox</a> | </span><span><a href="javascript:void(0)">pageAction</a> | </span><span><a href="javascript:void(0)">pageCapture</a> | </span><span><a href="javascript:void(0)">permissions</a> | </span><span><a href="javascript:void(0)">privacy</a> | </span><span><a href="javascript:void(0)">proxy</a> | </span><span><a href="javascript:void(0)">runtime</a> | </span><span><a href="javascript:void(0)">scriptBadge</a> | </span><span><a href="javascript:void(0)">storage</a> | </span><span><a href="javascript:void(0)">tabs</a> | </span><span><a href="javascript:void(0)">topSites</a> | </span><span><a href="javascript:void(0)">tts</a> | </span><span><a href="javascript:void(0)">ttsEngine</a> | </span><span><a href="javascript:void(0)">types</a> | </span><span><a href="javascript:void(0)">webNavigation</a> | </span><span><a href="javascript:void(0)">webRequest</a> | </span><span><a href="javascript:void(0)">webstore</a> | </span><span><a href="javascript:void(0)">windows</a></span>
</div>
</td>
</tr>
</table>
</div>
<div class="sample" tags="chrome.bookmarks.create chrome.bookmarks.getTree chrome.bookmarks.remove chrome.bookmarks.update chrome.tabs.create "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="39c879e6ea31a83cb901ae55a5fcf76a"><a href="examples/api/bookmarks/basic.zip">My Bookmarks</a></h2> A browser action with a popup dump of all bookmarks, including search, add, edit and delete. <div> <span class="label">Calls:</span> <ul> <li><code><a href="bookmarks.html#method-create">bookmarks.create</a></code></li> <li><code><a href="bookmarks.html#method-getTree">bookmarks.getTree</a></code></li> <li><code><a href="bookmarks.html#method-remove">bookmarks.remove</a></code></li> <li><code><a href="bookmarks.html#method-update">bookmarks.update</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/bookmarks/basic/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/bookmarks/basic/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/bookmarks/basic/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/bookmarks/basic/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setBadgeBackgroundColor chrome.browserAction.setBadgeText chrome.tabs.executeScript "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="cb771f28a910d79a2fcfeb1c5be6983b"><a href="examples/api/browserAction/make_page_red.zip">A browser action with no icon that makes the page red</a></h2> <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setBadgeBackgroundColor">browserAction.setBadgeBackgroundColor</a></code></li> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/browserAction/make_page_red/background.js">background.js</a></code></li> <li><code><a href="examples/api/browserAction/make_page_red/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/browserAction/make_page_red/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.tabs.update "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="db80e292b687541c7aa5e89cee75ad79"><a href="examples/api/browserAction/print.zip">Print this page</a></h2> Adds a print button to the browser. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/browserAction/print/background.js">background.js</a></code></li> <li><code><a href="examples/api/browserAction/print/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/browserAction/print/print_16x16.png">print_16x16.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setIcon "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="932e16ad4805a5820c9b7dc6b1cb03ab"><a href="examples/api/browserAction/set_icon_path.zip">A browser action which changes its icon when clicked.</a></h2> <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/browserAction/set_icon_path/background.js">background.js</a></code></li> <li><code><a href="examples/api/browserAction/set_icon_path/icon1.png">icon1.png</a></code></li> <li><code><a href="examples/api/browserAction/set_icon_path/icon2.png">icon2.png</a></code></li> <li><code><a href="examples/api/browserAction/set_icon_path/icon3.png">icon3.png</a></code></li> <li><code><a href="examples/api/browserAction/set_icon_path/icon4.png">icon4.png</a></code></li> <li><code><a href="examples/api/browserAction/set_icon_path/icon5.png">icon5.png</a></code></li> <li><code><a href="examples/api/browserAction/set_icon_path/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.tabs.executeScript "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="d16474b573d238b0c9551d21cb8f48c0"><a href="examples/api/browserAction/set_page_color.zip">A browser action with a popup that changes the page color.</a></h2> <div> <span class="label">Calls:</span> <ul> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/browserAction/set_page_color/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/browserAction/set_page_color/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/browserAction/set_page_color/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/browserAction/set_page_color/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browsingData.remove "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="6341c5e0d6a1fb26ded6548590c1571a"><a href="examples/api/browsingData/basic.zip">BrowsingData API: Basics</a></h2> A trivial usage example. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browsingData.html#method-remove">browsingData.remove</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/browsingData/basic/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/browsingData/basic/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/browsingData/basic/popup.css">popup.css</a></code></li> <li><code><a href="examples/api/browsingData/basic/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/browsingData/basic/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="a8fab91d9ac7746ac4593cd9f0b0944f"><a href="examples/api/contentSettings.zip">Content settings</a></h2> Shows the content settings for the current site. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/contentSettings/contentSettings.png">contentSettings.png</a></code></li> <li><code><a href="examples/api/contentSettings/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/contentSettings/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/contentSettings/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.contextMenus.create chrome.extension.lastError chrome.extension.lastError.message "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="ea5374398da2255f743fd37964100fed"><a href="examples/api/contextMenus/basic.zip">Context Menus Sample</a></h2> Shows some of the features of the Context Menus API <div> <span class="label">Calls:</span> <ul> <li><code><a href="contextMenus.html#method-create">contextMenus.create</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/contextMenus/basic/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/contextMenus/basic/sample.js">sample.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.contextMenus.create chrome.contextMenus.onClicked chrome.extension.lastError chrome.extension.lastError.message chrome.runtime.onInstalled "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="e0410b3575a19930b8cf73f1e5acee0a"><a href="examples/api/contextMenus/event_page.zip">Context Menus Sample (with Event Page)</a></h2> Shows some of the features of the Context Menus API using an event page <div> <span class="label">Calls:</span> <ul> <li><code><a href="contextMenus.html#method-create">contextMenus.create</a></code></li> <li><code><a href="contextMenus.html#event-onClicked">contextMenus.onClicked</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> <li><code><a href="runtime.html#event-onInstalled">runtime.onInstalled</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/contextMenus/event_page/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/contextMenus/event_page/sample.js">sample.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.cookies.getAll chrome.cookies.onChanged chrome.cookies.remove chrome.extension.getURL chrome.tabs.create chrome.tabs.update chrome.windows.getAll "> <img class="icon" src="examples/api/cookies/cookie.png"> <h2 id="2b0f7d02f3ebd51358ed54ef59dceebb"><a href="examples/api/cookies.zip">Cookie API Test Extension</a></h2> Testing Cookie API <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="cookies.html#method-getAll">cookies.getAll</a></code></li> <li><code><a href="cookies.html#event-onChanged">cookies.onChanged</a></code></li> <li><code><a href="cookies.html#method-remove">cookies.remove</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> <li><code><a href="windows.html#method-getAll">windows.getAll</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/cookies/background.js">background.js</a></code></li> <li><code><a href="examples/api/cookies/cookie.png">cookie.png</a></code></li> <li><code><a href="examples/api/cookies/manager.html">manager.html</a></code></li> <li><code><a href="examples/api/cookies/manager.js">manager.js</a></code></li> <li><code><a href="examples/api/cookies/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.debugger.attach chrome.debugger.detach chrome.debugger.onEvent chrome.debugger.sendCommand chrome.extension.lastError chrome.extension.lastError.message chrome.windows.create chrome.windows.getCurrent "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="f447d4d0c667a4f72ef8c6190e7925d7"><a href="examples/api/debugger/live-headers.zip">Live HTTP headers</a></h2> Displays the live log with the http requests headers <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="debugger.html#method-attach">debugger.attach</a></code></li> <li><code><a href="debugger.html#method-detach">debugger.detach</a></code></li> <li><code><a href="debugger.html#event-onEvent">debugger.onEvent</a></code></li> <li><code><a href="debugger.html#method-sendCommand">debugger.sendCommand</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> <li><code><a href="windows.html#method-create">windows.create</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/debugger/live-headers/background.js">background.js</a></code></li> <li><code><a href="examples/api/debugger/live-headers/headers.html">headers.html</a></code></li> <li><code><a href="examples/api/debugger/live-headers/headers.js">headers.js</a></code></li> <li><code><a href="examples/api/debugger/live-headers/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/debugger/live-headers/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setIcon chrome.browserAction.setTitle chrome.debugger.attach chrome.debugger.detach chrome.debugger.onDetach chrome.debugger.onEvent chrome.debugger.sendCommand chrome.extension.lastError chrome.extension.lastError.message chrome.windows.getCurrent "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="812b7fe611113aedf0a394e9fbbfcce1"><a href="examples/api/debugger/pause-resume.zip">JavaScript pause/resume</a></h2> Pauses / resumes JavaScript execution <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="browserAction.html#method-setTitle">browserAction.setTitle</a></code></li> <li><code><a href="debugger.html#method-attach">debugger.attach</a></code></li> <li><code><a href="debugger.html#method-detach">debugger.detach</a></code></li> <li><code><a href="debugger.html#event-onDetach">debugger.onDetach</a></code></li> <li><code><a href="debugger.html#event-onEvent">debugger.onEvent</a></code></li> <li><code><a href="debugger.html#method-sendCommand">debugger.sendCommand</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/debugger/pause-resume/background.js">background.js</a></code></li> <li><code><a href="examples/api/debugger/pause-resume/debuggerContinue.png">debuggerContinue.png</a></code></li> <li><code><a href="examples/api/debugger/pause-resume/debuggerPause.png">debuggerPause.png</a></code></li> <li><code><a href="examples/api/debugger/pause-resume/debuggerPausing.png">debuggerPausing.png</a></code></li> <li><code><a href="examples/api/debugger/pause-resume/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.experimental.devtools.audits.addCategory chrome.tabs.executeScript "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="fe164387de8d80ba3e7d3275a771bc43"><a href="examples/api/devtools/audits/broken-links.zip">Broken Links</a></h2> Extends the Developer Tools, adding an audit category that finds broken links on the inspected page. <div> <span class="label">Calls:</span> <ul> <li><code><a href="experimental.devtools.audits.html#method-addCategory">experimental.devtools.audits.addCategory</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/devtools/audits/broken-links/background.js">background.js</a></code></li> <li><code><a href="examples/api/devtools/audits/broken-links/content.js">content.js</a></code></li> <li><code><a href="examples/api/devtools/audits/broken-links/devtools.html">devtools.html</a></code></li> <li><code><a href="examples/api/devtools/audits/broken-links/devtools.js">devtools.js</a></code></li> <li><code><a href="examples/api/devtools/audits/broken-links/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.devtools.network.getHAR chrome.devtools.network.onRequestFinished chrome.tabs.executeScript "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="35c22ede9b5f84575bdca84b28c4319a"><a href="examples/api/devtools/network/chrome-firephp.zip">FirePHP for Chrome</a></h2> Extends the Developer Tools, adding support for parsing FirePHP messages from server <div> <span class="label">Calls:</span> <ul> <li><code><a href="devtools.network.html#method-getHAR">devtools.network.getHAR</a></code></li> <li><code><a href="devtools.network.html#event-onRequestFinished">devtools.network.onRequestFinished</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/devtools/network/chrome-firephp/background.js">background.js</a></code></li> <li><code><a href="examples/api/devtools/network/chrome-firephp/devtools.html">devtools.html</a></code></li> <li><code><a href="examples/api/devtools/network/chrome-firephp/devtools.js">devtools.js</a></code></li> <li><code><a href="examples/api/devtools/network/chrome-firephp/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.devtools.panels.ElementsPanel.createSidebarPane chrome.devtools.panels.ElementsPanel.onSelectionChanged "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="ae4c8d1f5ecdeda579074ed85fc58675"><a href="examples/api/devtools/panels/chrome-query.zip">Chrome Query</a></h2> Extends the Developer Tools, adding a sidebar that displays the jQuery data associated with the selected DOM element. <div> <span class="label">Calls:</span> <ul> <li><code><a href="devtools.panels.html#method-ElementsPanel-createSidebarPane">devtools.panels.ElementsPanel.createSidebarPane</a></code></li> <li><code><a href="devtools.panels.html#event-ElementsPanel-onSelectionChanged">devtools.panels.ElementsPanel.onSelectionChanged</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/devtools/panels/chrome-query/devtools.html">devtools.html</a></code></li> <li><code><a href="examples/api/devtools/panels/chrome-query/devtools.js">devtools.js</a></code></li> <li><code><a href="examples/api/devtools/panels/chrome-query/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.downloads.download chrome.tabs.executeScript chrome.tabs.query chrome.windows.getCurrent "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="31e082ed1a598b3d1ae28197fa2a89bc"><a href="examples/api/downloads/download_links.zip">Download Selected Links</a></h2> Select links on a page and download them. <div> <span class="label">Calls:</span> <ul> <li><code><a href="downloads.html#method-download">downloads.download</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> <li><code><a href="tabs.html#method-query">tabs.query</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/downloads/download_links/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/downloads/download_links/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/downloads/download_links/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/downloads/download_links/popup.js">popup.js</a></code></li> <li><code><a href="examples/api/downloads/download_links/send_links.js">send_links.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.alarms.create chrome.alarms.onAlarm chrome.bookmarks.onRemoved chrome.browserAction.onClicked chrome.browserAction.setBadgeText chrome.declarativeWebRequest.RedirectRequest chrome.declarativeWebRequest.RequestMatcher chrome.extension.onMessage chrome.extension.sendMessage chrome.runtime.onInstalled chrome.runtime.onSuspend chrome.tabs.create chrome.tabs.executeScript chrome.tabs.query chrome.tabs.sendMessage "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="d5d930bdcf3f5e1753d0de5924a89a65"><a href="examples/api/eventPage/basic.zip">Event Page Example</a></h2> Demonstrates usage and features of the event page <div> <span class="label">Calls:</span> <ul> <li><code><a href="alarms.html#method-create">alarms.create</a></code></li> <li><code><a href="alarms.html#event-onAlarm">alarms.onAlarm</a></code></li> <li><code><a href="bookmarks.html#event-onRemoved">bookmarks.onRemoved</a></code></li> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="declarativeWebRequest.html#type-RedirectRequest">declarativeWebRequest.RedirectRequest</a></code></li> <li><code><a href="declarativeWebRequest.html#type-RequestMatcher">declarativeWebRequest.RequestMatcher</a></code></li> <li><code><a href="extension.html#event-onMessage">extension.onMessage</a></code></li> <li><code><a href="extension.html#method-sendMessage">extension.sendMessage</a></code></li> <li><code><a href="runtime.html#event-onInstalled">runtime.onInstalled</a></code></li> <li><code><a href="runtime.html#event-onSuspend">runtime.onSuspend</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> <li><code><a href="tabs.html#method-query">tabs.query</a></code></li> <li><code><a href="tabs.html#method-sendMessage">tabs.sendMessage</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/eventPage/basic/background.js">background.js</a></code></li> <li><code><a href="examples/api/eventPage/basic/content.js">content.js</a></code></li> <li><code><a href="examples/api/eventPage/basic/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/eventPage/basic/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.isAllowedFileSchemeAccess chrome.extension.isAllowedIncognitoAccess "> <img class="icon" src="examples/api/extension/isAllowedAccess/sample-128.png"> <h2 id="07f27750d548befdcdaef589017d9631"><a href="examples/api/extension/isAllowedAccess.zip">`extension.isAllowedFileSchemeAccess` and `extension.isAllowedIncognitoAccess` Example</a></h2> Demonstrates the `extension.isAllowedFileSchemeAccess` and `extesion.isAllowedIncognitoAccess` APIs <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-isAllowedFileSchemeAccess">extension.isAllowedFileSchemeAccess</a></code></li> <li><code><a href="extension.html#method-isAllowedIncognitoAccess">extension.isAllowedIncognitoAccess</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/extension/isAllowedAccess/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/popup.js">popup.js</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/sample-128.png">sample-128.png</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/sample-16.png">sample-16.png</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/sample-19.png">sample-19.png</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/sample-48.png">sample-48.png</a></code></li> <li><code><a href="examples/api/extension/isAllowedAccess/sample.css">sample.css</a></code></li> </ul> </div></div><div class="sample" tags="chrome.fontSettings.clearDefaultFixedFontSize chrome.fontSettings.clearDefaultFontSize chrome.fontSettings.clearFont chrome.fontSettings.clearMinimumFontSize chrome.fontSettings.getDefaultFixedFontSize chrome.fontSettings.getDefaultFontSize chrome.fontSettings.getFont chrome.fontSettings.getFontList chrome.fontSettings.getMinimumFontSize chrome.fontSettings.onDefaultFixedFontSizeChanged chrome.fontSettings.onDefaultFontSizeChanged chrome.fontSettings.onFontChanged chrome.fontSettings.onMinimumFontSizeChanged chrome.fontSettings.setDefaultFixedFontSize chrome.fontSettings.setDefaultFontSize chrome.fontSettings.setFont chrome.fontSettings.setMinimumFontSize "> <img class="icon" src="examples/api/fontSettings/fonts128.png"> <h2 id="d68dc270a8645874dd27fc50c7a40698"><a href="examples/api/fontSettings.zip">Font Settings</a></h2> Sample extension for Font Settings API <div> <span class="label">Calls:</span> <ul> <li><code><a href="fontSettings.html#method-clearDefaultFixedFontSize">fontSettings.clearDefaultFixedFontSize</a></code></li> <li><code><a href="fontSettings.html#method-clearDefaultFontSize">fontSettings.clearDefaultFontSize</a></code></li> <li><code><a href="fontSettings.html#method-clearFont">fontSettings.clearFont</a></code></li> <li><code><a href="fontSettings.html#method-clearMinimumFontSize">fontSettings.clearMinimumFontSize</a></code></li> <li><code><a href="fontSettings.html#method-getDefaultFixedFontSize">fontSettings.getDefaultFixedFontSize</a></code></li> <li><code><a href="fontSettings.html#method-getDefaultFontSize">fontSettings.getDefaultFontSize</a></code></li> <li><code><a href="fontSettings.html#method-getFont">fontSettings.getFont</a></code></li> <li><code><a href="fontSettings.html#method-getFontList">fontSettings.getFontList</a></code></li> <li><code><a href="fontSettings.html#method-getMinimumFontSize">fontSettings.getMinimumFontSize</a></code></li> <li><code><a href="fontSettings.html#event-onDefaultFixedFontSizeChanged">fontSettings.onDefaultFixedFontSizeChanged</a></code></li> <li><code><a href="fontSettings.html#event-onDefaultFontSizeChanged">fontSettings.onDefaultFontSizeChanged</a></code></li> <li><code><a href="fontSettings.html#event-onFontChanged">fontSettings.onFontChanged</a></code></li> <li><code><a href="fontSettings.html#event-onMinimumFontSizeChanged">fontSettings.onMinimumFontSizeChanged</a></code></li> <li><code><a href="fontSettings.html#method-setDefaultFixedFontSize">fontSettings.setDefaultFixedFontSize</a></code></li> <li><code><a href="fontSettings.html#method-setDefaultFontSize">fontSettings.setDefaultFontSize</a></code></li> <li><code><a href="fontSettings.html#method-setFont">fontSettings.setFont</a></code></li> <li><code><a href="fontSettings.html#method-setMinimumFontSize">fontSettings.setMinimumFontSize</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/fontSettings/fonts128.png">fonts128.png</a></code></li> <li><code><a href="examples/api/fontSettings/fonts16.png">fonts16.png</a></code></li> <li><code><a href="examples/api/fontSettings/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/fontSettings/options.html">options.html</a></code></li> <li><code><a href="examples/api/fontSettings/options.js">options.js</a></code></li> <li><code><a href="examples/api/fontSettings/css/chrome_shared.css">css/chrome_shared.css</a></code></li> <li><code><a href="examples/api/fontSettings/css/uber_shared.css">css/uber_shared.css</a></code></li> <li><code><a href="examples/api/fontSettings/css/widgets.css">css/widgets.css</a></code></li> <li><code><a href="examples/api/fontSettings/images/select.png">images/select.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.history.getVisits chrome.history.search chrome.tabs.create "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="27840ea197cf9d783a89661d934c60b1"><a href="examples/api/history/showHistory.zip">Typed URL History</a></h2> Reads your history, and shows the top ten pages you go to by typing the URL. <div> <span class="label">Calls:</span> <ul> <li><code><a href="history.html#method-getVisits">history.getVisits</a></code></li> <li><code><a href="history.html#method-search">history.search</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/history/showHistory/clock.png">clock.png</a></code></li> <li><code><a href="examples/api/history/showHistory/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/history/showHistory/typedUrls.html">typedUrls.html</a></code></li> <li><code><a href="examples/api/history/showHistory/typedUrls.js">typedUrls.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.setBadgeText chrome.tabs.detectLanguage chrome.tabs.onUpdated "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="87fc6fd215630c7d5e7f86be5d6407fd"><a href="examples/api/i18n/cld.zip">CLD</a></h2> Displays the language of a tab <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="tabs.html#method-detectLanguage">tabs.detectLanguage</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/i18n/cld/background.js">background.js</a></code></li> <li><code><a href="examples/api/i18n/cld/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.i18n.getAcceptLanguages chrome.i18n.getMessage "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="7ba114b0456675da2bec2ad44d4702a0"><a href="examples/api/i18n/getMessage.zip">AcceptLanguage</a></h2> Returns accept languages of the browser <div> <span class="label">Calls:</span> <ul> <li><code><a href="i18n.html#method-getAcceptLanguages">i18n.getAcceptLanguages</a></code></li> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/i18n/getMessage/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/i18n/getMessage/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/i18n/getMessage/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/i18n/getMessage/popup.js">popup.js</a></code></li> <li><code><a href="examples/api/i18n/getMessage/_locales/sr/messages.json">_locales/sr/messages.json</a></code></li> <li><code><a href="examples/api/i18n/getMessage/_locales/es/messages.json">_locales/es/messages.json</a></code></li> <li><code><a href="examples/api/i18n/getMessage/_locales/en_US/messages.json">_locales/en_US/messages.json</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/api/i18n/localizedHostedApp/icon128.png"> <h2 id="65d01d4ba9635e27d2b5b7b5ce0f72c2"><a href="examples/api/i18n/localizedHostedApp.zip">Minimal Localized Hosted App</a></h2> This is the minimal set of data required to upload a localized hosted application to the web store. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/i18n/localizedHostedApp/icon128.png">icon128.png</a></code></li> <li><code><a href="examples/api/i18n/localizedHostedApp/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/i18n/localizedHostedApp/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/api/i18n/localizedHostedApp/_locales/de/messages.json">_locales/de/messages.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.extension.getBackgroundPage chrome.idle.onStateChanged chrome.idle.queryState "> <img class="icon" src="examples/api/idle/idle_simple/sample-128.png"> <h2 id="b7ee031d2bfdbdd1c89f2cff6ed9781c"><a href="examples/api/idle/idle_simple.zip">Idle - Simple Example</a></h2> Demonstrates the Idle API <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="idle.html#event-onStateChanged">idle.onStateChanged</a></code></li> <li><code><a href="idle.html#method-queryState">idle.queryState</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/idle/idle_simple/background.js">background.js</a></code></li> <li><code><a href="examples/api/idle/idle_simple/history.html">history.html</a></code></li> <li><code><a href="examples/api/idle/idle_simple/history.js">history.js</a></code></li> <li><code><a href="examples/api/idle/idle_simple/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/idle/idle_simple/sample-128.png">sample-128.png</a></code></li> <li><code><a href="examples/api/idle/idle_simple/sample-16.png">sample-16.png</a></code></li> <li><code><a href="examples/api/idle/idle_simple/sample-19.png">sample-19.png</a></code></li> <li><code><a href="examples/api/idle/idle_simple/sample-48.png">sample-48.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.experimental.infobars.show "> <img class="icon" src="examples/api/infobars/sandwichbar/sandwich-128.png"> <h2 id="081e9924943d411768b74e008fbd3e0b"><a href="examples/api/infobars/sandwichbar.zip">SandwichBar</a></h2> Shows an infobar on pages which contain the word 'sandwich' <div> <span class="label">Calls:</span> <ul> <li><code><a href="experimental.infobars.html#method-show">experimental.infobars.show</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/infobars/sandwichbar/background.js">background.js</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/contentscript.js">contentscript.js</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/infobar.html">infobar.html</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/infobar.js">infobar.js</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/sandwich-128.png">sandwich-128.png</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/sandwich-16.png">sandwich-16.png</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/sandwich-19.png">sandwich-19.png</a></code></li> <li><code><a href="examples/api/infobars/sandwichbar/sandwich-48.png">sandwich-48.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.onConnect chrome.tabs.connect "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="2a0bb0bb3a9934a7915ccc7cd640f8ec"><a href="examples/api/messaging/timer.zip">Message Timer</a></h2> Times how long it takes to send a message to a content script and back. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#event-onConnect">extension.onConnect</a></code></li> <li><code><a href="tabs.html#method-connect">tabs.connect</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/messaging/timer/clock.png">clock.png</a></code></li> <li><code><a href="examples/api/messaging/timer/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/messaging/timer/page.js">page.js</a></code></li> <li><code><a href="examples/api/messaging/timer/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/messaging/timer/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/api/notifications/128.png"> <h2 id="6d9aaa492372508e41c1caf39acab53b"><a href="examples/api/notifications.zip">Notification Demo</a></h2> Shows off desktop notifications, which are "toast" windows that pop up on the desktop. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/notifications/128.png">128.png</a></code></li> <li><code><a href="examples/api/notifications/16.png">16.png</a></code></li> <li><code><a href="examples/api/notifications/48.png">48.png</a></code></li> <li><code><a href="examples/api/notifications/64.png">64.png</a></code></li> <li><code><a href="examples/api/notifications/background.js">background.js</a></code></li> <li><code><a href="examples/api/notifications/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/notifications/options.html">options.html</a></code></li> <li><code><a href="examples/api/notifications/options.js">options.js</a></code></li> <li><code><a href="examples/api/notifications/style.css">style.css</a></code></li> </ul> </div></div><div class="sample" tags="chrome.omnibox.onInputChanged chrome.omnibox.onInputEntered "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="be68e4d262d74d2457999fc402f5bf5e"><a href="examples/api/omnibox/simple-example.zip">Omnibox Example</a></h2> To use, type 'omnix' plus a search term into the Omnibox. <div> <span class="label">Calls:</span> <ul> <li><code><a href="omnibox.html#event-onInputChanged">omnibox.onInputChanged</a></code></li> <li><code><a href="omnibox.html#event-onInputEntered">omnibox.onInputEntered</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/omnibox/simple-example/background.js">background.js</a></code></li> <li><code><a href="examples/api/omnibox/simple-example/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="919b313923c2e5192ae6e52667048007"><a href="examples/api/override/blank_ntp.zip">Blank new tab page</a></h2> <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/override/blank_ntp/blank.html">blank.html</a></code></li> <li><code><a href="examples/api/override/blank_ntp/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="d55fcf86210108ef31078af49d488adb"><a href="examples/api/override/override_igoogle.zip">iGoogle new tab page</a></h2> <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/override/override_igoogle/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/override/override_igoogle/redirect.html">redirect.html</a></code></li> </ul> </div></div><div class="sample" tags="chrome.pageAction.show "> <img class="icon" src="examples/api/pageAction/pageaction_by_content/sandwich-128.png"> <h2 id="fad62e9f7f55a4c7a8add7662b166779"><a href="examples/api/pageAction/pageaction_by_content.zip">Page action by content</a></h2> Shows a page action for HTML pages containing the word 'sandwich' <div> <span class="label">Calls:</span> <ul> <li><code><a href="pageAction.html#method-show">pageAction.show</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/pageAction/pageaction_by_content/background.js">background.js</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_content/contentscript.js">contentscript.js</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_content/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_content/sandwich-128.png">sandwich-128.png</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_content/sandwich-19.png">sandwich-19.png</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_content/sandwich-48.png">sandwich-48.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.pageAction.show chrome.tabs.onUpdated "> <img class="icon" src="examples/api/pageAction/pageaction_by_url/icon-128.png"> <h2 id="0ebfdfeb5e765ff6e1e8cb0c882ae98d"><a href="examples/api/pageAction/pageaction_by_url.zip">Page action by URL</a></h2> Shows a page action for urls which have the letter 'g' in them. <div> <span class="label">Calls:</span> <ul> <li><code><a href="pageAction.html#method-show">pageAction.show</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/pageAction/pageaction_by_url/background.js">background.js</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_url/icon-128.png">icon-128.png</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_url/icon-19.png">icon-19.png</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_url/icon-48.png">icon-48.png</a></code></li> <li><code><a href="examples/api/pageAction/pageaction_by_url/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="c711c90e97edb38a3ee75adbe5bf4a0c"><a href="examples/api/pageAction/set_icon.zip">Animated Page Action</a></h2> This extension adds an animated browser action to the toolbar. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/pageAction/set_icon/background.html">background.html</a></code></li> <li><code><a href="examples/api/pageAction/set_icon/icon1.png">icon1.png</a></code></li> <li><code><a href="examples/api/pageAction/set_icon/icon2.png">icon2.png</a></code></li> <li><code><a href="examples/api/pageAction/set_icon/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.permissions.contains chrome.permissions.onAdded chrome.permissions.onRemoved chrome.permissions.remove chrome.permissions.request chrome.tabs.create "> <img class="icon" src="examples/api/permissions/extension-questions/images/icon.png"> <h2 id="4eb3fe60ccf03927cd9ef78caf325b4a"><a href="examples/api/permissions/extension-questions.zip">Top Chrome Extension Questions</a></h2> Sample demonstration of the optional permissions API. <div> <span class="label">Calls:</span> <ul> <li><code><a href="permissions.html#method-contains">permissions.contains</a></code></li> <li><code><a href="permissions.html#event-onAdded">permissions.onAdded</a></code></li> <li><code><a href="permissions.html#event-onRemoved">permissions.onRemoved</a></code></li> <li><code><a href="permissions.html#method-remove">permissions.remove</a></code></li> <li><code><a href="permissions.html#method-request">permissions.request</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/permissions/extension-questions/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/permissions/extension-questions/options.html">options.html</a></code></li> <li><code><a href="examples/api/permissions/extension-questions/options.js">options.js</a></code></li> <li><code><a href="examples/api/permissions/extension-questions/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/permissions/extension-questions/popup.js">popup.js</a></code></li> <li><code><a href="examples/api/permissions/extension-questions/images/icon.png">images/icon.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.isAllowedIncognitoAccess chrome.privacy.websites.thirdPartyCookiesAllowed "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="bad5f7136687125becc69911eb43ed26"><a href="examples/api/preferences/allowThirdPartyCookies.zip">Block/allow third-party cookies API example extension</a></h2> Sample extension which demonstrates how to access a preference. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-isAllowedIncognitoAccess">extension.isAllowedIncognitoAccess</a></code></li> <li><code><a href="privacy.html#property-websites-thirdPartyCookiesAllowed">privacy.websites.thirdPartyCookiesAllowed</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/preferences/allowThirdPartyCookies/advicedog.jpg">advicedog.jpg</a></code></li> <li><code><a href="examples/api/preferences/allowThirdPartyCookies/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/preferences/allowThirdPartyCookies/popup.css">popup.css</a></code></li> <li><code><a href="examples/api/preferences/allowThirdPartyCookies/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/preferences/allowThirdPartyCookies/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.isAllowedIncognitoAccess chrome.privacy.websites.referrersEnabled "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="d16e42e2f0a05f98f31406d425da538e"><a href="examples/api/preferences/enableReferrer.zip">Block/allow referrer API example extension</a></h2> Sample extension which demonstrates how to access a preference. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-isAllowedIncognitoAccess">extension.isAllowedIncognitoAccess</a></code></li> <li><code><a href="privacy.html#property-websites-referrersEnabled">privacy.websites.referrersEnabled</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/preferences/enableReferrer/advicedog.jpg">advicedog.jpg</a></code></li> <li><code><a href="examples/api/preferences/enableReferrer/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/preferences/enableReferrer/popup.css">popup.css</a></code></li> <li><code><a href="examples/api/preferences/enableReferrer/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/preferences/enableReferrer/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.experimental.processes.onUpdatedWithMemory chrome.experimental.processes.terminate "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="589b1d119daedc5c14b02e2cfeeeb183"><a href="examples/api/processes/process_monitor.zip">Process Monitor</a></h2> Adds a browser action that monitors resource usage of all browser processes. <div> <span class="label">Calls:</span> <ul> <li><code><a href="experimental.processes.html#event-onUpdatedWithMemory">experimental.processes.onUpdatedWithMemory</a></code></li> <li><code><a href="experimental.processes.html#method-terminate">experimental.processes.terminate</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/processes/process_monitor/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/processes/process_monitor/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/processes/process_monitor/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/processes/process_monitor/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.experimental.processes.getProcessIdForTab chrome.tabs.update chrome.windows.getAll chrome.windows.getCurrent chrome.windows.update "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="5cd19f5329cf45fd555d2f754abfc5f1"><a href="examples/api/processes/show_tabs.zip">Show Tabs in Process</a></h2> Adds a browser action showing which tabs share the current tab's process. <div> <span class="label">Calls:</span> <ul> <li><code><a href="experimental.processes.html#method-getProcessIdForTab">experimental.processes.getProcessIdForTab</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> <li><code><a href="windows.html#method-getAll">windows.getAll</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> <li><code><a href="windows.html#method-update">windows.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/processes/show_tabs/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/processes/show_tabs/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/processes/show_tabs/popup.css">popup.css</a></code></li> <li><code><a href="examples/api/processes/show_tabs/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/processes/show_tabs/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.experimental.record.captureURLs chrome.experimental.record.replayURLs "> <img class="icon" src="examples/api/record/page_cycler/page_cycler_icon.png"> <h2 id="d32f879e91fbe877369f2027c3b2eae8"><a href="examples/api/record/page_cycler.zip">Page Cycler</a></h2> Page Cycler UI <div> <span class="label">Calls:</span> <ul> <li><code><a href="experimental.record.html#method-captureURLs">experimental.record.captureURLs</a></code></li> <li><code><a href="experimental.record.html#method-replayURLs">experimental.record.replayURLs</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/record/page_cycler/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/record/page_cycler/page_cycler.css">page_cycler.css</a></code></li> <li><code><a href="examples/api/record/page_cycler/page_cycler.html">page_cycler.html</a></code></li> <li><code><a href="examples/api/record/page_cycler/page_cycler.js">page_cycler.js</a></code></li> <li><code><a href="examples/api/record/page_cycler/page_cycler_icon.png">page_cycler_icon.png</a></code></li> <li><code><a href="examples/api/record/page_cycler/page_cycler_icon_16.png">page_cycler_icon_16.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setIcon chrome.experimental.speechInput.isRecording chrome.experimental.speechInput.onError chrome.experimental.speechInput.onResult chrome.experimental.speechInput.start chrome.experimental.speechInput.stop chrome.extension.lastError chrome.extension.lastError.message "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="00294fafee1df479cc20247741f44447"><a href="examples/api/speechInput/basic.zip">Speech Recognizer</a></h2> Recognizes your speech and tells you the most likely result. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="experimental.speechInput.html#method-isRecording">experimental.speechInput.isRecording</a></code></li> <li><code><a href="experimental.speechInput.html#event-onError">experimental.speechInput.onError</a></code></li> <li><code><a href="experimental.speechInput.html#event-onResult">experimental.speechInput.onResult</a></code></li> <li><code><a href="experimental.speechInput.html#method-start">experimental.speechInput.start</a></code></li> <li><code><a href="experimental.speechInput.html#method-stop">experimental.speechInput.stop</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/speechInput/basic/background.js">background.js</a></code></li> <li><code><a href="examples/api/speechInput/basic/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/speechInput/basic/start.png">start.png</a></code></li> <li><code><a href="examples/api/speechInput/basic/stop.png">stop.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.getURL chrome.extension.lastError chrome.storage.local chrome.storage.StorageArea.clear chrome.storage.StorageArea.get chrome.storage.StorageArea.remove chrome.storage.StorageArea.set chrome.tabs.insertCSS "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="3680ae406d5eb5fd580b19a93b88b6bf"><a href="examples/api/storage/stylizr.zip">Stylizr</a></h2> Spruce up your pages with custom CSS. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="storage.html#property-local">storage.local</a></code></li> <li><code><a href="storage.html#method-StorageArea-clear">storage.StorageArea.clear</a></code></li> <li><code><a href="storage.html#method-StorageArea-get">storage.StorageArea.get</a></code></li> <li><code><a href="storage.html#method-StorageArea-remove">storage.StorageArea.remove</a></code></li> <li><code><a href="storage.html#method-StorageArea-set">storage.StorageArea.set</a></code></li> <li><code><a href="tabs.html#method-insertCSS">tabs.insertCSS</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/storage/stylizr/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/storage/stylizr/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/storage/stylizr/options.html">options.html</a></code></li> <li><code><a href="examples/api/storage/stylizr/options.js">options.js</a></code></li> <li><code><a href="examples/api/storage/stylizr/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/storage/stylizr/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.experimental.systemInfo.storage.get chrome.experimental.systemInfo.storage.onAvailableCapacityChanged "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="30b406c6ff9fc38a010eee3cd9868e28"><a href="examples/api/systemInfo.zip">SystemInfo APIs</a></h2> Show disk capacity via SystemInfo API <div> <span class="label">Calls:</span> <ul> <li><code><a href="experimental.systemInfo.storage.html#method-get">experimental.systemInfo.storage.get</a></code></li> <li><code><a href="experimental.systemInfo.storage.html#event-onAvailableCapacityChanged">experimental.systemInfo.storage.onAvailableCapacityChanged</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/systemInfo/index.html">index.html</a></code></li> <li><code><a href="examples/api/systemInfo/main.js">main.js</a></code></li> <li><code><a href="examples/api/systemInfo/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.extension.getURL chrome.tabs.create chrome.tabs.get chrome.tabs.move chrome.tabs.onAttached chrome.tabs.onCreated chrome.tabs.onDetached chrome.tabs.onMoved chrome.tabs.onRemoved chrome.tabs.onUpdated chrome.tabs.remove chrome.tabs.update chrome.windows.create chrome.windows.get chrome.windows.getAll chrome.windows.getCurrent chrome.windows.getLastFocused chrome.windows.onCreated chrome.windows.onFocusChanged chrome.windows.onRemoved chrome.windows.remove chrome.windows.update "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="062d24295dce5def19f91da9c449e1e4"><a href="examples/api/tabs/inspector.zip">Tab Inspector</a></h2> Utility for working with the extension tabs api <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#method-get">tabs.get</a></code></li> <li><code><a href="tabs.html#method-move">tabs.move</a></code></li> <li><code><a href="tabs.html#event-onAttached">tabs.onAttached</a></code></li> <li><code><a href="tabs.html#event-onCreated">tabs.onCreated</a></code></li> <li><code><a href="tabs.html#event-onDetached">tabs.onDetached</a></code></li> <li><code><a href="tabs.html#event-onMoved">tabs.onMoved</a></code></li> <li><code><a href="tabs.html#event-onRemoved">tabs.onRemoved</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> <li><code><a href="tabs.html#method-remove">tabs.remove</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> <li><code><a href="windows.html#method-create">windows.create</a></code></li> <li><code><a href="windows.html#method-get">windows.get</a></code></li> <li><code><a href="windows.html#method-getAll">windows.getAll</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> <li><code><a href="windows.html#method-getLastFocused">windows.getLastFocused</a></code></li> <li><code><a href="windows.html#event-onCreated">windows.onCreated</a></code></li> <li><code><a href="windows.html#event-onFocusChanged">windows.onFocusChanged</a></code></li> <li><code><a href="windows.html#event-onRemoved">windows.onRemoved</a></code></li> <li><code><a href="windows.html#method-remove">windows.remove</a></code></li> <li><code><a href="windows.html#method-update">windows.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/tabs/inspector/background.js">background.js</a></code></li> <li><code><a href="examples/api/tabs/inspector/jstemplate_compiled.js">jstemplate_compiled.js</a></code></li> <li><code><a href="examples/api/tabs/inspector/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/tabs/inspector/tabs_api.html">tabs_api.html</a></code></li> <li><code><a href="examples/api/tabs/inspector/tabs_api.js">tabs_api.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.commands.onCommand chrome.tabs.update "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="eb620fcf35898532d926df05a12c9cff"><a href="examples/api/tabs/pin.zip">Keyboard Pin</a></h2> Creates a keyboard shortcut (Alt + Shift + P) to toggle the pinned state of the currently selected tab <div> <span class="label">Calls:</span> <ul> <li><code><a href="commands.html#event-onCommand">commands.onCommand</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/tabs/pin/README">README</a></code></li> <li><code><a href="examples/api/tabs/pin/background.js">background.js</a></code></li> <li><code><a href="examples/api/tabs/pin/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.extension.getURL chrome.extension.getViews chrome.tabs.captureVisibleTab chrome.tabs.create chrome.tabs.onUpdated "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="dcc956ee1308eb125ff32bdaad4c1d84"><a href="examples/api/tabs/screenshot.zip">Test Screenshot Extension</a></h2> Demonstrate screenshot functionality in the chrome.tabs api. Note: only works for code.google.com <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="extension.html#method-getViews">extension.getViews</a></code></li> <li><code><a href="tabs.html#method-captureVisibleTab">tabs.captureVisibleTab</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/tabs/screenshot/background.js">background.js</a></code></li> <li><code><a href="examples/api/tabs/screenshot/camera.png">camera.png</a></code></li> <li><code><a href="examples/api/tabs/screenshot/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/tabs/screenshot/screenshot.html">screenshot.html</a></code></li> <li><code><a href="examples/api/tabs/screenshot/screenshot.js">screenshot.js</a></code></li> <li><code><a href="examples/api/tabs/screenshot/white.png">white.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.topSites.get "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="2dec225aaf6f92d7f3f1ad12168b71d7"><a href="examples/api/topsites/magic8ball.zip">NTP prototyping extension</a></h2> extension to prototype new NTP designs <div> <span class="label">Calls:</span> <ul> <li><code><a href="topSites.html#method-get">topSites.get</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/topsites/magic8ball/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/topsites/magic8ball/newTab.css">newTab.css</a></code></li> <li><code><a href="examples/api/topsites/magic8ball/newTab.html">newTab.html</a></code></li> <li><code><a href="examples/api/topsites/magic8ball/newTab.js">newTab.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.getViews chrome.ttsEngine.onSpeak chrome.ttsEngine.onStop chrome.windows.create chrome.windows.getCurrent chrome.windows.onRemoved "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="ada4d65f29289c46d04a1920af682232"><a href="examples/api/ttsEngine/console_tts_engine.zip">Console TTS Engine</a></h2> A "silent" TTS engine that prints text to a small window rather than synthesizing speech. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-getViews">extension.getViews</a></code></li> <li><code><a href="ttsEngine.html#event-onSpeak">ttsEngine.onSpeak</a></code></li> <li><code><a href="ttsEngine.html#event-onStop">ttsEngine.onStop</a></code></li> <li><code><a href="windows.html#method-create">windows.create</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> <li><code><a href="windows.html#event-onRemoved">windows.onRemoved</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/ttsEngine/console_tts_engine/console_tts_engine.html">console_tts_engine.html</a></code></li> <li><code><a href="examples/api/ttsEngine/console_tts_engine/console_tts_engine.js">console_tts_engine.js</a></code></li> <li><code><a href="examples/api/ttsEngine/console_tts_engine/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.i18n.getMessage chrome.runtime.onStartup chrome.storage.StorageArea.get chrome.storage.StorageArea.set chrome.webNavigation.onBeforeNavigate chrome.webNavigation.onCommitted chrome.webNavigation.onCompleted chrome.webNavigation.onCreatedNavigationTarget chrome.webNavigation.onErrorOccurred chrome.webNavigation.onHistoryStateUpdated chrome.webNavigation.onReferenceFragmentUpdated "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="0837f59976e148ed9922266e1de6c29f"><a href="examples/api/webNavigation/basic.zip">WebNavigation Tech Demo</a></h2> Demonstration of the WebNavigation extension API. <div> <span class="label">Calls:</span> <ul> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> <li><code><a href="runtime.html#event-onStartup">runtime.onStartup</a></code></li> <li><code><a href="storage.html#method-StorageArea-get">storage.StorageArea.get</a></code></li> <li><code><a href="storage.html#method-StorageArea-set">storage.StorageArea.set</a></code></li> <li><code><a href="webNavigation.html#event-onBeforeNavigate">webNavigation.onBeforeNavigate</a></code></li> <li><code><a href="webNavigation.html#event-onCommitted">webNavigation.onCommitted</a></code></li> <li><code><a href="webNavigation.html#event-onCompleted">webNavigation.onCompleted</a></code></li> <li><code><a href="webNavigation.html#event-onCreatedNavigationTarget">webNavigation.onCreatedNavigationTarget</a></code></li> <li><code><a href="webNavigation.html#event-onErrorOccurred">webNavigation.onErrorOccurred</a></code></li> <li><code><a href="webNavigation.html#event-onHistoryStateUpdated">webNavigation.onHistoryStateUpdated</a></code></li> <li><code><a href="webNavigation.html#event-onReferenceFragmentUpdated">webNavigation.onReferenceFragmentUpdated</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/webNavigation/basic/background.js">background.js</a></code></li> <li><code><a href="examples/api/webNavigation/basic/icon.png">icon.png</a></code></li> <li><code><a href="examples/api/webNavigation/basic/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/webNavigation/basic/navigation_collector.js">navigation_collector.js</a></code></li> <li><code><a href="examples/api/webNavigation/basic/popup.css">popup.css</a></code></li> <li><code><a href="examples/api/webNavigation/basic/popup.html">popup.html</a></code></li> <li><code><a href="examples/api/webNavigation/basic/popup.js">popup.js</a></code></li> <li><code><a href="examples/api/webNavigation/basic/_locales/en/messages.json">_locales/en/messages.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.tabs.move chrome.windows.getAll chrome.windows.getCurrent "> <img class="icon" src="examples/api/windows/merge_windows/merge_windows_128.png"> <h2 id="f92d20e2d53aae42280f27e7dbeb761f"><a href="examples/api/windows/merge_windows.zip">Merge Windows</a></h2> Merges all of the browser's windows into the current window <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="tabs.html#method-move">tabs.move</a></code></li> <li><code><a href="windows.html#method-getAll">windows.getAll</a></code></li> <li><code><a href="windows.html#method-getCurrent">windows.getCurrent</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/api/windows/merge_windows/NOTICE">NOTICE</a></code></li> <li><code><a href="examples/api/windows/merge_windows/arrow_in.png">arrow_in.png</a></code></li> <li><code><a href="examples/api/windows/merge_windows/background.js">background.js</a></code></li> <li><code><a href="examples/api/windows/merge_windows/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/api/windows/merge_windows/merge_windows_128.png">merge_windows_128.png</a></code></li> <li><code><a href="examples/api/windows/merge_windows/merge_windows_48.png">merge_windows_48.png</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="8cc0d94d85ab4e030fa7a1f9ef50eb88"><a href="examples/apps/background-simple.zip">Simple Background App</a></h2> <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/apps/background-simple/README">README</a></code></li> <li><code><a href="examples/apps/background-simple/background.html">background.html</a></code></li> <li><code><a href="examples/apps/background-simple/index.html">index.html</a></code></li> <li><code><a href="examples/apps/background-simple/index.js">index.js</a></code></li> <li><code><a href="examples/apps/background-simple/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.getURL chrome.management.getAll chrome.management.launchApp chrome.tabs.create "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="461b3e0c33d8370c83997cbb9e4e47b7"><a href="examples/extensions/app_launcher.zip">App Launcher</a></h2> <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="management.html#method-getAll">management.getAll</a></code></li> <li><code><a href="management.html#method-launchApp">management.launchApp</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/app_launcher/browser_action_icon.png">browser_action_icon.png</a></code></li> <li><code><a href="examples/extensions/app_launcher/icon.png">icon.png</a></code></li> <li><code><a href="examples/extensions/app_launcher/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/app_launcher/popup.css">popup.css</a></code></li> <li><code><a href="examples/extensions/app_launcher/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/app_launcher/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.connect "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="a4adef17601281fa9ae9cec08590c7b2"><a href="examples/extensions/benchmark.zip">Page Benchmarker</a></h2> Chromium Page Benchmarker. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-connect">extension.connect</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/benchmark/README.txt">README.txt</a></code></li> <li><code><a href="examples/extensions/benchmark/background.html">background.html</a></code></li> <li><code><a href="examples/extensions/benchmark/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/benchmark/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/benchmark/script.js">script.js</a></code></li> <li><code><a href="examples/extensions/benchmark/stopwatch.jpg">stopwatch.jpg</a></code></li> <li><code><a href="examples/extensions/benchmark/util/sorttable.js">util/sorttable.js</a></code></li> <li><code><a href="examples/extensions/benchmark/util/table2CSV.js">util/table2CSV.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jst/jsevalcontext.js">jst/jsevalcontext.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jst/jstemplate.js">jst/jstemplate.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jst/jstemplate_test.js">jst/jstemplate_test.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jst/util.js">jst/util.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery-1.4.2.min.js">jquery/jquery-1.4.2.min.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery-ui-1.8.4.custom.min.js">jquery/jquery-ui-1.8.4.custom.min.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery.client.js">jquery/jquery.client.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery.flot.dashes.js">jquery/jquery.flot.dashes.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery.flot.js">jquery/jquery.flot.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery.flot.min.js">jquery/jquery.flot.min.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery.flot.navigate.js">jquery/jquery.flot.navigate.js</a></code></li> <li><code><a href="examples/extensions/benchmark/jquery/jquery.flot.valuelabels.js">jquery/jquery.flot.valuelabels.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.setBadgeBackgroundColor chrome.browserAction.setBadgeText chrome.browserAction.setTitle chrome.extension.getURL "> <img class="icon" src="examples/extensions/buildbot/icon.png"> <h2 id="9fa1c6ac42d625c3f62314548468640c"><a href="examples/extensions/buildbot.zip">Chromium Buildbot Monitor</a></h2> Displays the status of the Chromium buildbot in the toolbar. Click to see more detailed status in a popup. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#method-setBadgeBackgroundColor">browserAction.setBadgeBackgroundColor</a></code></li> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="browserAction.html#method-setTitle">browserAction.setTitle</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/buildbot/bg.js">bg.js</a></code></li> <li><code><a href="examples/extensions/buildbot/chromium.png">chromium.png</a></code></li> <li><code><a href="examples/extensions/buildbot/icon.png">icon.png</a></code></li> <li><code><a href="examples/extensions/buildbot/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/buildbot/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/buildbot/options.js">options.js</a></code></li> <li><code><a href="examples/extensions/buildbot/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/buildbot/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setBadgeBackgroundColor chrome.browserAction.setBadgeText chrome.browserAction.setIcon chrome.browserAction.setTitle chrome.extension.getBackgroundPage chrome.i18n.getMessage chrome.tabs.create chrome.tabs.onUpdated chrome.tabs.update "> <img class="icon" src="examples/extensions/calendar/images/icon-128.gif"> <h2 id="d85d53e2433c9325f85336791560a68c"><a href="examples/extensions/calendar.zip">Google Calendar Checker (by Google)</a></h2> Quickly see the time until your next meeting from any of your calendars. Click on the button to be taken to your calendar. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setBadgeBackgroundColor">browserAction.setBadgeBackgroundColor</a></code></li> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="browserAction.html#method-setTitle">browserAction.setTitle</a></code></li> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/calendar/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/calendar/views/background.html">views/background.html</a></code></li> <li><code><a href="examples/extensions/calendar/views/options.html">views/options.html</a></code></li> <li><code><a href="examples/extensions/calendar/images/calendar_logo.gif">images/calendar_logo.gif</a></code></li> <li><code><a href="examples/extensions/calendar/images/icon-128.gif">images/icon-128.gif</a></code></li> <li><code><a href="examples/extensions/calendar/images/icon-16.gif">images/icon-16.gif</a></code></li> <li><code><a href="examples/extensions/calendar/images/icon-16_bw.gif">images/icon-16_bw.gif</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/pt_BR/messages.json">_locales/pt_BR/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/sv/messages.json">_locales/sv/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/it/messages.json">_locales/it/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/hr/messages.json">_locales/hr/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/zh_TW/messages.json">_locales/zh_TW/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/lt/messages.json">_locales/lt/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/el/messages.json">_locales/el/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/sk/messages.json">_locales/sk/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/fr/messages.json">_locales/fr/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/ru/messages.json">_locales/ru/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/lv/messages.json">_locales/lv/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/pt_PT/messages.json">_locales/pt_PT/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/et/messages.json">_locales/et/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/vi/messages.json">_locales/vi/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/tr/messages.json">_locales/tr/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/nb/messages.json">_locales/nb/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/id/messages.json">_locales/id/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/cs/messages.json">_locales/cs/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/sl/messages.json">_locales/sl/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/es/messages.json">_locales/es/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/ro/messages.json">_locales/ro/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/ko/messages.json">_locales/ko/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/ar/messages.json">_locales/ar/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/th/messages.json">_locales/th/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/pl/messages.json">_locales/pl/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/sr/messages.json">_locales/sr/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/hi/messages.json">_locales/hi/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/da/messages.json">_locales/da/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/fi/messages.json">_locales/fi/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/es_419/messages.json">_locales/es_419/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/bg/messages.json">_locales/bg/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/ca/messages.json">_locales/ca/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/uk/messages.json">_locales/uk/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/he/messages.json">_locales/he/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/hu/messages.json">_locales/hu/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/en_GB/messages.json">_locales/en_GB/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/ja/messages.json">_locales/ja/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/nl/messages.json">_locales/nl/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/de/messages.json">_locales/de/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/fil/messages.json">_locales/fil/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/_locales/zh_CN/messages.json">_locales/zh_CN/messages.json</a></code></li> <li><code><a href="examples/extensions/calendar/javascript/background.js">javascript/background.js</a></code></li> <li><code><a href="examples/extensions/calendar/javascript/options.js">javascript/options.js</a></code></li> <li><code><a href="examples/extensions/calendar/javascript/util.js">javascript/util.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.webRequest.onBeforeRequest "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="12a7bf1490a26359eadf10917e37c5b9"><a href="examples/extensions/catblock.zip">CatBlock</a></h2> I can't has cheezburger! <div> <span class="label">Calls:</span> <ul> <li><code><a href="webRequest.html#event-onBeforeRequest">webRequest.onBeforeRequest</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/catblock/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/catblock/loldogs.js">loldogs.js</a></code></li> <li><code><a href="examples/extensions/catblock/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.declarativeWebRequest.IgnoreRules chrome.declarativeWebRequest.RedirectRequest chrome.declarativeWebRequest.RequestMatcher chrome.extension.lastError chrome.runtime.onInstalled "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="ecc227966949f60af19c444222a775d9"><a href="examples/extensions/catifier.zip">Catifier</a></h2> Moar cats! <div> <span class="label">Calls:</span> <ul> <li><code><a href="declarativeWebRequest.html#type-IgnoreRules">declarativeWebRequest.IgnoreRules</a></code></li> <li><code><a href="declarativeWebRequest.html#type-RedirectRequest">declarativeWebRequest.RedirectRequest</a></code></li> <li><code><a href="declarativeWebRequest.html#type-RequestMatcher">declarativeWebRequest.RequestMatcher</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="runtime.html#event-onInstalled">runtime.onInstalled</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/catifier/event_page.js">event_page.js</a></code></li> <li><code><a href="examples/extensions/catifier/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.omnibox.onInputCancelled chrome.omnibox.onInputChanged chrome.omnibox.onInputEntered chrome.omnibox.onInputStarted chrome.omnibox.setDefaultSuggestion chrome.tabs.update "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="8ef667a213d47272dacd8a4dc0bc97af"><a href="examples/extensions/chrome_search.zip">Chromium Search</a></h2> Add support to the omnibox to search the Chromium source code. <div> <span class="label">Calls:</span> <ul> <li><code><a href="omnibox.html#event-onInputCancelled">omnibox.onInputCancelled</a></code></li> <li><code><a href="omnibox.html#event-onInputChanged">omnibox.onInputChanged</a></code></li> <li><code><a href="omnibox.html#event-onInputEntered">omnibox.onInputEntered</a></code></li> <li><code><a href="omnibox.html#event-onInputStarted">omnibox.onInputStarted</a></code></li> <li><code><a href="omnibox.html#method-setDefaultSuggestion">omnibox.setDefaultSuggestion</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/chrome_search/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/chrome_search/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.extension.connect chrome.extension.onConnect chrome.tabs.create chrome.tabs.executeScript chrome.tabs.update "> <img class="icon" src="examples/extensions/email_this_page/mail_128x128.png"> <h2 id="4e61966db98ebfc75fa32b5ff2406c6b"><a href="examples/extensions/email_this_page.zip">Email this page (by Google)</a></h2> This extension adds an email button to the toolbar which allows you to email the page link using your default mail client or Gmail. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="extension.html#method-connect">extension.connect</a></code></li> <li><code><a href="extension.html#event-onConnect">extension.onConnect</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/email_this_page/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/email_this_page/content_script.js">content_script.js</a></code></li> <li><code><a href="examples/extensions/email_this_page/email_16x16.png">email_16x16.png</a></code></li> <li><code><a href="examples/extensions/email_this_page/mail_128x128.png">mail_128x128.png</a></code></li> <li><code><a href="examples/extensions/email_this_page/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/email_this_page/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/email_this_page/options.js">options.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.bookmarks.onCreated chrome.bookmarks.onMoved chrome.bookmarks.onRemoved chrome.extension.getBackgroundPage chrome.tabs.get chrome.tabs.onAttached chrome.tabs.onCreated chrome.tabs.onDetached chrome.tabs.onMoved chrome.tabs.onRemoved chrome.tabs.onUpdated chrome.windows.onCreated chrome.windows.onFocusChanged chrome.windows.onRemoved "> <img class="icon" src="examples/extensions/fx/icon.png"> <h2 id="e9ecdf298b120a99b7a50cd4871c0f83"><a href="examples/extensions/fx.zip">Chrome Sounds</a></h2> Enjoy a more magical and immersive experience when browsing the web using the power of sound. <div> <span class="label">Calls:</span> <ul> <li><code><a href="bookmarks.html#event-onCreated">bookmarks.onCreated</a></code></li> <li><code><a href="bookmarks.html#event-onMoved">bookmarks.onMoved</a></code></li> <li><code><a href="bookmarks.html#event-onRemoved">bookmarks.onRemoved</a></code></li> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="tabs.html#method-get">tabs.get</a></code></li> <li><code><a href="tabs.html#event-onAttached">tabs.onAttached</a></code></li> <li><code><a href="tabs.html#event-onCreated">tabs.onCreated</a></code></li> <li><code><a href="tabs.html#event-onDetached">tabs.onDetached</a></code></li> <li><code><a href="tabs.html#event-onMoved">tabs.onMoved</a></code></li> <li><code><a href="tabs.html#event-onRemoved">tabs.onRemoved</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> <li><code><a href="windows.html#event-onCreated">windows.onCreated</a></code></li> <li><code><a href="windows.html#event-onFocusChanged">windows.onFocusChanged</a></code></li> <li><code><a href="windows.html#event-onRemoved">windows.onRemoved</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/fx/bg.js">bg.js</a></code></li> <li><code><a href="examples/extensions/fx/content.js">content.js</a></code></li> <li><code><a href="examples/extensions/fx/icon.png">icon.png</a></code></li> <li><code><a href="examples/extensions/fx/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/fx/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/fx/options.js">options.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.getBackgroundPage chrome.extension.getURL chrome.tabs.create chrome.tabs.onUpdated chrome.tabs.remove "> <img class="icon" src="examples/extensions/gdocs/img/docs_spreadsheets-128.gif"> <h2 id="76455c1d015bafc204858bee2d4f87e0"><a href="examples/extensions/gdocs.zip">Google Document List Viewer</a></h2> Demonstrates how to use OAuth to connect the Google Documents List Data API. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> <li><code><a href="tabs.html#method-remove">tabs.remove</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/gdocs/README">README</a></code></li> <li><code><a href="examples/extensions/gdocs/background.html">background.html</a></code></li> <li><code><a href="examples/extensions/gdocs/chrome_ex_oauth.html">chrome_ex_oauth.html</a></code></li> <li><code><a href="examples/extensions/gdocs/chrome_ex_oauth.js">chrome_ex_oauth.js</a></code></li> <li><code><a href="examples/extensions/gdocs/chrome_ex_oauthsimple.js">chrome_ex_oauthsimple.js</a></code></li> <li><code><a href="examples/extensions/gdocs/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/gdocs/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/gdocs/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/gdocs/js/jquery-1.4.1.min.js">js/jquery-1.4.1.min.js</a></code></li> <li><code><a href="examples/extensions/gdocs/img/docs_spreadsheets-128.gif">img/docs_spreadsheets-128.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/docs_spreadsheets-32.gif">img/docs_spreadsheets-32.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/docs_spreadsheets-48.gif">img/docs_spreadsheets-48.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/audio.gif">img/icons/audio.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/document.gif">img/icons/document.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/file.gif">img/icons/file.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/folder.gif">img/icons/folder.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/form.gif">img/icons/form.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/pdf.gif">img/icons/pdf.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/presentation.gif">img/icons/presentation.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/spreadsheet.gif">img/icons/spreadsheet.gif</a></code></li> <li><code><a href="examples/extensions/gdocs/img/icons/trashed.png">img/icons/trashed.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.alarms.create chrome.alarms.get chrome.alarms.onAlarm chrome.browserAction.onClicked chrome.browserAction.setBadgeBackgroundColor chrome.browserAction.setBadgeText chrome.browserAction.setIcon chrome.extension.getBackgroundPage chrome.i18n.getMessage chrome.runtime.getBackgroundPage chrome.runtime.onInstalled chrome.runtime.onStartup chrome.tabs.create chrome.tabs.update chrome.webNavigation.onDOMContentLoaded chrome.windows.onCreated "> <img class="icon" src="examples/extensions/gmail/icon_128.png"> <h2 id="5139d19c542e2188a42418c27c9cdd5b"><a href="examples/extensions/gmail.zip">Google Mail Checker</a></h2> Displays the number of unread messages in your Google Mail inbox. You can also click the button to open your inbox. <div> <span class="label">Calls:</span> <ul> <li><code><a href="alarms.html#method-create">alarms.create</a></code></li> <li><code><a href="alarms.html#method-get">alarms.get</a></code></li> <li><code><a href="alarms.html#event-onAlarm">alarms.onAlarm</a></code></li> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setBadgeBackgroundColor">browserAction.setBadgeBackgroundColor</a></code></li> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> <li><code><a href="runtime.html#method-getBackgroundPage">runtime.getBackgroundPage</a></code></li> <li><code><a href="runtime.html#event-onInstalled">runtime.onInstalled</a></code></li> <li><code><a href="runtime.html#event-onStartup">runtime.onStartup</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#method-update">tabs.update</a></code></li> <li><code><a href="webNavigation.html#event-onDOMContentLoaded">webNavigation.onDOMContentLoaded</a></code></li> <li><code><a href="windows.html#event-onCreated">windows.onCreated</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/gmail/background.html">background.html</a></code></li> <li><code><a href="examples/extensions/gmail/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/gmail/gmail_logged_in.png">gmail_logged_in.png</a></code></li> <li><code><a href="examples/extensions/gmail/gmail_not_logged_in.png">gmail_not_logged_in.png</a></code></li> <li><code><a href="examples/extensions/gmail/icon_128.png">icon_128.png</a></code></li> <li><code><a href="examples/extensions/gmail/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/gmail/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/gmail/options.js">options.js</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/it/messages.json">_locales/it/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/th/messages.json">_locales/th/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/es_419/messages.json">_locales/es_419/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/ro/messages.json">_locales/ro/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/nl/messages.json">_locales/nl/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/sk/messages.json">_locales/sk/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/zh_TW/messages.json">_locales/zh_TW/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/sl/messages.json">_locales/sl/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/fil/messages.json">_locales/fil/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/bg/messages.json">_locales/bg/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/sv/messages.json">_locales/sv/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/hi/messages.json">_locales/hi/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/en_GB/messages.json">_locales/en_GB/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/hu/messages.json">_locales/hu/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/ko/messages.json">_locales/ko/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/ja/messages.json">_locales/ja/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/sr/messages.json">_locales/sr/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/cs/messages.json">_locales/cs/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/uk/messages.json">_locales/uk/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/ru/messages.json">_locales/ru/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/fi/messages.json">_locales/fi/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/tr/messages.json">_locales/tr/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/el/messages.json">_locales/el/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/ca/messages.json">_locales/ca/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/nb/messages.json">_locales/nb/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/et/messages.json">_locales/et/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/ar/messages.json">_locales/ar/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/id/messages.json">_locales/id/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/fr/messages.json">_locales/fr/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/vi/messages.json">_locales/vi/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/pt_BR/messages.json">_locales/pt_BR/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/da/messages.json">_locales/da/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/pl/messages.json">_locales/pl/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/lv/messages.json">_locales/lv/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/zh_CN/messages.json">_locales/zh_CN/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/es/messages.json">_locales/es/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/de/messages.json">_locales/de/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/pt_PT/messages.json">_locales/pt_PT/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/lt/messages.json">_locales/lt/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/he/messages.json">_locales/he/messages.json</a></code></li> <li><code><a href="examples/extensions/gmail/_locales/hr/messages.json">_locales/hr/messages.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.contextMenus.create chrome.tabs.getCurrent chrome.windows.create chrome.windows.update "> <img class="icon" src="examples/extensions/imageinfo/imageinfo-128.png"> <h2 id="93904b0c2be99bc6dad7609b132a905e"><a href="examples/extensions/imageinfo.zip">Imageinfo</a></h2> Get image info for images, including EXIF data <div> <span class="label">Calls:</span> <ul> <li><code><a href="contextMenus.html#method-create">contextMenus.create</a></code></li> <li><code><a href="tabs.html#method-getCurrent">tabs.getCurrent</a></code></li> <li><code><a href="windows.html#method-create">windows.create</a></code></li> <li><code><a href="windows.html#method-update">windows.update</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/imageinfo/NOTICE">NOTICE</a></code></li> <li><code><a href="examples/extensions/imageinfo/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo-128.png">imageinfo-128.png</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo-16.png">imageinfo-16.png</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo-19.png">imageinfo-19.png</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo-48.png">imageinfo-48.png</a></code></li> <li><code><a href="examples/extensions/imageinfo/info.css">info.css</a></code></li> <li><code><a href="examples/extensions/imageinfo/info.html">info.html</a></code></li> <li><code><a href="examples/extensions/imageinfo/info.js">info.js</a></code></li> <li><code><a href="examples/extensions/imageinfo/loader.gif">loader.gif</a></code></li> <li><code><a href="examples/extensions/imageinfo/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo/binaryajax.js">imageinfo/binaryajax.js</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo/exif.js">imageinfo/exif.js</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo/imageinfo.js">imageinfo/imageinfo.js</a></code></li> <li><code><a href="examples/extensions/imageinfo/imageinfo/readme.txt">imageinfo/readme.txt</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="9a7050357887f00c48793ffef4182fda"><a href="examples/extensions/irc/app.zip">Chromium IRC App</a></h2> <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/irc/app/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.getBackgroundPage chrome.pageAction.hide chrome.pageAction.setTitle chrome.pageAction.show chrome.tabs.onUpdated "> <img class="icon" src="examples/extensions/mappy/icon.png"> <h2 id="4042eaccda909714a2b78cfe60d59b9f"><a href="examples/extensions/mappy.zip">Mappy</a></h2> Finds addresses in the web page you're on and pops up a map window. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="pageAction.html#method-hide">pageAction.hide</a></code></li> <li><code><a href="pageAction.html#method-setTitle">pageAction.setTitle</a></code></li> <li><code><a href="pageAction.html#method-show">pageAction.show</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/mappy/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/mappy/icon.png">icon.png</a></code></li> <li><code><a href="examples/extensions/mappy/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/mappy/mappy_content_script.js">mappy_content_script.js</a></code></li> <li><code><a href="examples/extensions/mappy/marker.png">marker.png</a></code></li> <li><code><a href="examples/extensions/mappy/popup.css">popup.css</a></code></li> <li><code><a href="examples/extensions/mappy/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/mappy/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/extensions/maps_app/128.png"> <h2 id="cd6f8b771d722e6b9ed9df14b4953ec4"><a href="examples/extensions/maps_app.zip">Google Maps</a></h2> <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/maps_app/128.png">128.png</a></code></li> <li><code><a href="examples/extensions/maps_app/24.png">24.png</a></code></li> <li><code><a href="examples/extensions/maps_app/manifest.json">manifest.json</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/extensions/native_messaging/icon-128.png"> <h2 id="e5e4f503023f602561ccefbc4f3a9aca"><a href="examples/extensions/native_messaging.zip">Echo Native Message</a></h2> Send a message to a native application. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/native_messaging/README.txt">README.txt</a></code></li> <li><code><a href="examples/extensions/native_messaging/echo.py">echo.py</a></code></li> <li><code><a href="examples/extensions/native_messaging/icon-128.png">icon-128.png</a></code></li> <li><code><a href="examples/extensions/native_messaging/icon-19.png">icon-19.png</a></code></li> <li><code><a href="examples/extensions/native_messaging/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/native_messaging/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/native_messaging/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.getURL chrome.i18n.getMessage chrome.tabs.create "> <img class="icon" src="examples/extensions/news/images/news_icon.png"> <h2 id="87133c06d75da1d316996299bddd7bd1"><a href="examples/extensions/news.zip">News Reader (by Google)</a></h2> Displays the latest stories from Google News in a popup. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/news/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/news/javascript/feed.js">javascript/feed.js</a></code></li> <li><code><a href="examples/extensions/news/javascript/options.js">javascript/options.js</a></code></li> <li><code><a href="examples/extensions/news/javascript/util.js">javascript/util.js</a></code></li> <li><code><a href="examples/extensions/news/css/feed.css">css/feed.css</a></code></li> <li><code><a href="examples/extensions/news/css/options.css">css/options.css</a></code></li> <li><code><a href="examples/extensions/news/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/extensions/news/views/background.html">views/background.html</a></code></li> <li><code><a href="examples/extensions/news/views/feed.html">views/feed.html</a></code></li> <li><code><a href="examples/extensions/news/views/options.html">views/options.html</a></code></li> <li><code><a href="examples/extensions/news/images/buzz.png">images/buzz.png</a></code></li> <li><code><a href="examples/extensions/news/images/delete-icon.png">images/delete-icon.png</a></code></li> <li><code><a href="examples/extensions/news/images/fb.png">images/fb.png</a></code></li> <li><code><a href="examples/extensions/news/images/news.gif">images/news.gif</a></code></li> <li><code><a href="examples/extensions/news/images/news_action.png">images/news_action.png</a></code></li> <li><code><a href="examples/extensions/news/images/news_icon.png">images/news_icon.png</a></code></li> <li><code><a href="examples/extensions/news/images/sprite_arrows.gif">images/sprite_arrows.gif</a></code></li> <li><code><a href="examples/extensions/news/images/twitter.png">images/twitter.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.tabs.create "> <img class="icon" src="examples/extensions/news_a11y/news_icon.png"> <h2 id="fa938486615357452a5e018cd3243f65"><a href="examples/extensions/news_a11y.zip">News Reader</a></h2> Displays the first 5 items from the 'Google News - top news' RSS feed in a popup. <div> <span class="label">Calls:</span> <ul> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/news_a11y/feed.css">feed.css</a></code></li> <li><code><a href="examples/extensions/news_a11y/feed.html">feed.html</a></code></li> <li><code><a href="examples/extensions/news_a11y/feed.js">feed.js</a></code></li> <li><code><a href="examples/extensions/news_a11y/feed_iframe.css">feed_iframe.css</a></code></li> <li><code><a href="examples/extensions/news_a11y/feed_iframe.js">feed_iframe.js</a></code></li> <li><code><a href="examples/extensions/news_a11y/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/news_a11y/news_action.png">news_action.png</a></code></li> <li><code><a href="examples/extensions/news_a11y/news_icon.png">news_icon.png</a></code></li> <li><code><a href="examples/extensions/news_a11y/sprite_arrows.gif">sprite_arrows.gif</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/extensions/news_i18n/news_icon.png"> <h2 id="4308deddf60d9ca3b4a01e8bb450972d"><a href="examples/extensions/news_i18n.zip">News Reader</a></h2> Displays the first 5 items from the '$Google$ News - top news' RSS feed in a popup. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/news_i18n/feed.html">feed.html</a></code></li> <li><code><a href="examples/extensions/news_i18n/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/news_i18n/news_action.png">news_action.png</a></code></li> <li><code><a href="examples/extensions/news_i18n/news_icon.png">news_icon.png</a></code></li> <li><code><a href="examples/extensions/news_i18n/sprite_arrows.gif">sprite_arrows.gif</a></code></li> <li><code><a href="examples/extensions/news_i18n/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/extensions/news_i18n/_locales/sr/messages.json">_locales/sr/messages.json</a></code></li> <li><code><a href="examples/extensions/news_i18n/_locales/es/messages.json">_locales/es/messages.json</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setIcon chrome.extension.getBackgroundPage chrome.extension.getURL chrome.tabs.create chrome.tabs.onUpdated chrome.tabs.remove "> <img class="icon" src="examples/extensions/oauth_contacts/img/icon-128.png"> <h2 id="fd0e71a56fc3e6c5ebe1d5daa3049120"><a href="examples/extensions/oauth_contacts.zip">Sample - OAuth Contacts</a></h2> Uses OAuth to connect to Google's contacts service and display a list of your contacts. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="extension.html#method-getBackgroundPage">extension.getBackgroundPage</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#event-onUpdated">tabs.onUpdated</a></code></li> <li><code><a href="tabs.html#method-remove">tabs.remove</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/oauth_contacts/NOTICE">NOTICE</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/README">README</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/chrome_ex_oauth.html">chrome_ex_oauth.html</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/chrome_ex_oauth.js">chrome_ex_oauth.js</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/chrome_ex_oauthsimple.js">chrome_ex_oauthsimple.js</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/contacts.html">contacts.html</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/contacts.js">contacts.js</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/onload.js">onload.js</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/img/icon-128.png">img/icon-128.png</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/img/icon-19-off.png">img/icon-19-off.png</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/img/icon-19-on.png">img/icon-19-on.png</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/img/icon-32.png">img/icon-32.png</a></code></li> <li><code><a href="examples/extensions/oauth_contacts/img/icon-48.png">img/icon-48.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.contentSettings.plugins chrome.contentSettings.ContentSetting.clear chrome.contentSettings.ContentSetting.getResourceIdentifiers chrome.contentSettings.ContentSetting.set chrome.extension.lastError chrome.extension.lastError.message chrome.i18n.getMessage "> <img class="icon" src="examples/extensions/plugin_settings/bunny128.png"> <h2 id="fca4e590e0afe37428e5724d34f3a5b3"><a href="examples/extensions/plugin_settings.zip">Per-plugin content settings</a></h2> Customize your content setting for different plug-ins. <div> <span class="label">Calls:</span> <ul> <li><code><a href="contentSettings.html#property-plugins">contentSettings.plugins</a></code></li> <li><code><a href="contentSettings.html#method-ContentSetting-clear">contentSettings.ContentSetting.clear</a></code></li> <li><code><a href="contentSettings.html#method-ContentSetting-getResourceIdentifiers">contentSettings.ContentSetting.getResourceIdentifiers</a></code></li> <li><code><a href="contentSettings.html#method-ContentSetting-set">contentSettings.ContentSetting.set</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/plugin_settings/bunny128.png">bunny128.png</a></code></li> <li><code><a href="examples/extensions/plugin_settings/bunny48.png">bunny48.png</a></code></li> <li><code><a href="examples/extensions/plugin_settings/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/plugin_settings/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options/images/close_bar.png">options/images/close_bar.png</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options/images/close_bar_h.png">options/images/close_bar_h.png</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options/images/close_bar_p.png">options/images/close_bar_p.png</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options/js/deletable_item_list.js">options/js/deletable_item_list.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options/js/inline_editable_list.js">options/js/inline_editable_list.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/options/css/list.css">options/css/list.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr.js">domui/js/cr.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/util.js">domui/js/util.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/event_target.js">domui/js/cr/event_target.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui.js">domui/js/cr/ui.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui/array_data_model.js">domui/js/cr/ui/array_data_model.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui/list.js">domui/js/cr/ui/list.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui/list_item.js">domui/js/cr/ui/list_item.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui/list_selection_controller.js">domui/js/cr/ui/list_selection_controller.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui/list_selection_model.js">domui/js/cr/ui/list_selection_model.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/js/cr/ui/list_single_selection_model.js">domui/js/cr/ui/list_single_selection_model.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/css/button.css">domui/css/button.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/css/chrome_shared.css">domui/css/chrome_shared.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/css/list.css">domui/css/list.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/css/select.css">domui/css/select.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/domui/images/select.png">domui/images/select.png</a></code></li> <li><code><a href="examples/extensions/plugin_settings/css/plugin_list.css">css/plugin_list.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/css/rule_list.css">css/rule_list.css</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/chrome_stubs.js">js/chrome_stubs.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/main.js">js/main.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/plugin_list.js">js/plugin_list.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/plugin_list_test.html">js/plugin_list_test.html</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/plugin_settings.js">js/plugin_settings.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/plugin_settings_test.html">js/plugin_settings_test.html</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/rule_list.js">js/rule_list.js</a></code></li> <li><code><a href="examples/extensions/plugin_settings/js/rule_list_test.html">js/rule_list_test.html</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.setBadgeBackgroundColor chrome.browserAction.setBadgeText chrome.browserAction.setTitle chrome.extension.isAllowedIncognitoAccess chrome.extension.lastError chrome.i18n.getMessage chrome.proxy.onProxyError "> <img class="icon" src="examples/extensions/proxy_configuration/icon128.png"> <h2 id="bea7f3606e50b59b0f8b08cbab6236da"><a href="examples/extensions/proxy_configuration.zip">Proxy Extension API Sample</a></h2> Set Chrome-specific proxies; a demonstration of Chrome's Proxy API <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#method-setBadgeBackgroundColor">browserAction.setBadgeBackgroundColor</a></code></li> <li><code><a href="browserAction.html#method-setBadgeText">browserAction.setBadgeText</a></code></li> <li><code><a href="browserAction.html#method-setTitle">browserAction.setTitle</a></code></li> <li><code><a href="extension.html#method-isAllowedIncognitoAccess">extension.isAllowedIncognitoAccess</a></code></li> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="i18n.html#method-getMessage">i18n.getMessage</a></code></li> <li><code><a href="proxy.html#event-onProxyError">proxy.onProxyError</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/proxy_configuration/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/icon128.png">icon128.png</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/icon16.png">icon16.png</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/icon32.png">icon32.png</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/icon48.png">icon48.png</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/popup.css">popup.css</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/popup.js">popup.js</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/proxy_error_handler.js">proxy_error_handler.js</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/proxy_form_controller.js">proxy_form_controller.js</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/_locales/en/messages.json">_locales/en/messages.json</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/test/jsunittest.js">test/jsunittest.js</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/test/proxy_form_controller_test.html">test/proxy_form_controller_test.html</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/test/proxy_form_controller_test.js">test/proxy_form_controller_test.js</a></code></li> <li><code><a href="examples/extensions/proxy_configuration/test/unittest.css">test/unittest.css</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked chrome.browserAction.setIcon chrome.extension.getURL chrome.tabs.create chrome.tabs.executeScript chrome.tts.getVoices chrome.tts.speak chrome.tts.stop chrome.windows.getAll "> <img class="icon" src="examples/extensions/speak_selection/SpeakSel128.png"> <h2 id="fe3bfa0dd0b9d2a0aab933bd6d3aab88"><a href="examples/extensions/speak_selection.zip">Speak Selection</a></h2> Speaks the current selection out loud. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="extension.html#method-getURL">extension.getURL</a></code></li> <li><code><a href="tabs.html#method-create">tabs.create</a></code></li> <li><code><a href="tabs.html#method-executeScript">tabs.executeScript</a></code></li> <li><code><a href="tts.html#method-getVoices">tts.getVoices</a></code></li> <li><code><a href="tts.html#method-speak">tts.speak</a></code></li> <li><code><a href="tts.html#method-stop">tts.stop</a></code></li> <li><code><a href="windows.html#method-getAll">windows.getAll</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/speak_selection/SpeakSel128.png">SpeakSel128.png</a></code></li> <li><code><a href="examples/extensions/speak_selection/SpeakSel16.png">SpeakSel16.png</a></code></li> <li><code><a href="examples/extensions/speak_selection/SpeakSel19-active.png">SpeakSel19-active.png</a></code></li> <li><code><a href="examples/extensions/speak_selection/SpeakSel19.png">SpeakSel19.png</a></code></li> <li><code><a href="examples/extensions/speak_selection/SpeakSel256.png">SpeakSel256.png</a></code></li> <li><code><a href="examples/extensions/speak_selection/SpeakSel48.png">SpeakSel48.png</a></code></li> <li><code><a href="examples/extensions/speak_selection/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/speak_selection/content_script.js">content_script.js</a></code></li> <li><code><a href="examples/extensions/speak_selection/keycodes.js">keycodes.js</a></code></li> <li><code><a href="examples/extensions/speak_selection/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/speak_selection/options.html">options.html</a></code></li> <li><code><a href="examples/extensions/speak_selection/options.js">options.js</a></code></li> <li><code><a href="examples/extensions/speak_selection/tabs.js">tabs.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.setIcon chrome.extension.connect chrome.extension.onConnect chrome.tts.getVoices chrome.tts.speak chrome.tts.stop "> <img class="icon" src="examples/extensions/talking_alarm_clock/clock-128.png"> <h2 id="bba3c3de3da89e7a53b56bac8a173c3c"><a href="examples/extensions/talking_alarm_clock.zip">Talking Alarm Clock</a></h2> A clock with two configurable alarms that will play a sound and speak a phrase of your choice. <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#method-setIcon">browserAction.setIcon</a></code></li> <li><code><a href="extension.html#method-connect">extension.connect</a></code></li> <li><code><a href="extension.html#event-onConnect">extension.onConnect</a></code></li> <li><code><a href="tts.html#method-getVoices">tts.getVoices</a></code></li> <li><code><a href="tts.html#method-speak">tts.speak</a></code></li> <li><code><a href="tts.html#method-stop">tts.stop</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/talking_alarm_clock/background.js">background.js</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/blank-clock-150.png">blank-clock-150.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/blank-clock-ring1-150.png">blank-clock-ring1-150.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/blank-clock-ring2-150.png">blank-clock-ring2-150.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-128.png">clock-128.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-16.png">clock-16.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-19.png">clock-19.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-256.png">clock-256.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-48.png">clock-48.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-disabled-19.png">clock-disabled-19.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/clock-highlighted-19.png">clock-highlighted-19.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/common.js">common.js</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/credits.html">credits.html</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/play.png">play.png</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/popup.html">popup.html</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/popup.js">popup.js</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/cuckoo.ogg">audio/cuckoo.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/digital.ogg">audio/digital.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/forest.ogg">audio/forest.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/grandfather.ogg">audio/grandfather.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/groove.ogg">audio/groove.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/metal.ogg">audio/metal.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/ringing.ogg">audio/ringing.ogg</a></code></li> <li><code><a href="examples/extensions/talking_alarm_clock/audio/rooster.ogg">audio/rooster.ogg</a></code></li> </ul> </div></div><div class="sample" tags="chrome.tts.getVoices chrome.tts.speak chrome.tts.stop "> <img class="icon" src="examples/extensions/ttsdebug/128.png"> <h2 id="74f27f56bc83f269f408ee893457c76b"><a href="examples/extensions/ttsdebug.zip">TTS Debug</a></h2> Tool for developers of Chrome TTS engine extensions to help them test their engines are implementing the API correctly. <div> <span class="label">Calls:</span> <ul> <li><code><a href="tts.html#method-getVoices">tts.getVoices</a></code></li> <li><code><a href="tts.html#method-speak">tts.speak</a></code></li> <li><code><a href="tts.html#method-stop">tts.stop</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/ttsdebug/128.png">128.png</a></code></li> <li><code><a href="examples/extensions/ttsdebug/16.png">16.png</a></code></li> <li><code><a href="examples/extensions/ttsdebug/256.png">256.png</a></code></li> <li><code><a href="examples/extensions/ttsdebug/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/ttsdebug/pacman.gif">pacman.gif</a></code></li> <li><code><a href="examples/extensions/ttsdebug/ttsdebug.css">ttsdebug.css</a></code></li> <li><code><a href="examples/extensions/ttsdebug/ttsdebug.html">ttsdebug.html</a></code></li> <li><code><a href="examples/extensions/ttsdebug/ttsdebug.js">ttsdebug.js</a></code></li> </ul> </div></div><div class="sample" tags="chrome.extension.lastError chrome.extension.lastError.message chrome.tts.getVoices chrome.tts.isSpeaking chrome.tts.speak chrome.tts.stop "> <img class="icon" src="examples/extensions/ttsdemo/128.png"> <h2 id="8774186b22c7efb19317611dc01dce1b"><a href="examples/extensions/ttsdemo.zip">TTS Demo</a></h2> Demo Chrome's synthesized text-to-speech capabilities. <div> <span class="label">Calls:</span> <ul> <li><code><a href="extension.html#property-lastError">extension.lastError</a></code></li> <li><code><a href="extension.html#property-lastError-message">extension.lastError.message</a></code></li> <li><code><a href="tts.html#method-getVoices">tts.getVoices</a></code></li> <li><code><a href="tts.html#method-isSpeaking">tts.isSpeaking</a></code></li> <li><code><a href="tts.html#method-speak">tts.speak</a></code></li> <li><code><a href="tts.html#method-stop">tts.stop</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/extensions/ttsdemo/128.png">128.png</a></code></li> <li><code><a href="examples/extensions/ttsdemo/16.png">16.png</a></code></li> <li><code><a href="examples/extensions/ttsdemo/256.png">256.png</a></code></li> <li><code><a href="examples/extensions/ttsdemo/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/extensions/ttsdemo/ttsdemo.html">ttsdemo.html</a></code></li> <li><code><a href="examples/extensions/ttsdemo/ttsdemo.js">ttsdemo.js</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/howto/contentscript_xhr/sample-128.png"> <h2 id="cc1c9df7c626fbebca0ec7867d0e5197"><a href="examples/howto/contentscript_xhr.zip">Content Script Cross-Domain XMLHttpRequest Example</a></h2> Demonstrates making cross domain requests from a content script by putting Twitter trends on Google News. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/howto/contentscript_xhr/contentscript.js">contentscript.js</a></code></li> <li><code><a href="examples/howto/contentscript_xhr/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/howto/contentscript_xhr/sample-128.png">sample-128.png</a></code></li> <li><code><a href="examples/howto/contentscript_xhr/sample-48.png">sample-48.png</a></code></li> </ul> </div></div><div class="sample" tags="chrome.browserAction.onClicked "> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="47c541bcb84a8bc242edeb89dc06630e"><a href="examples/howto/sandbox.zip">Sandboxed Frame</a></h2> <div> <span class="label">Calls:</span> <ul> <li><code><a href="browserAction.html#event-onClicked">browserAction.onClicked</a></code></li> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/howto/sandbox/LICENSE.handlebars">LICENSE.handlebars</a></code></li> <li><code><a href="examples/howto/sandbox/eventpage.html">eventpage.html</a></code></li> <li><code><a href="examples/howto/sandbox/eventpage.js">eventpage.js</a></code></li> <li><code><a href="examples/howto/sandbox/handlebars-1.0.0.beta.6.js">handlebars-1.0.0.beta.6.js</a></code></li> <li><code><a href="examples/howto/sandbox/icon.png">icon.png</a></code></li> <li><code><a href="examples/howto/sandbox/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/howto/sandbox/sandbox.html">sandbox.html</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="examples/tutorials/analytics/analytics-extension-icon-128.png"> <h2 id="0fa93f6425b175577ff86ac5baf8fad1"><a href="examples/tutorials/analytics.zip">Event Tracking with Google Analytics</a></h2> A sample extension which uses Google Analytics to track usage. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/tutorials/analytics/analytics-extension-icon-128.png">analytics-extension-icon-128.png</a></code></li> <li><code><a href="examples/tutorials/analytics/analytics-extension-icon-19.png">analytics-extension-icon-19.png</a></code></li> <li><code><a href="examples/tutorials/analytics/analytics-extension-icon-48.png">analytics-extension-icon-48.png</a></code></li> <li><code><a href="examples/tutorials/analytics/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/tutorials/analytics/popup.html">popup.html</a></code></li> <li><code><a href="examples/tutorials/analytics/popup.js">popup.js</a></code></li> </ul> </div></div><div class="sample" tags=""> <img class="icon" src="stable/static/images/sample-default-icon.png"> <h2 id="56b7ae9ca272eb51e2413158df1f4818"><a href="examples/tutorials/getstarted.zip">Hello World</a></h2> The first extension that I made. <div> <span class="label">Calls:</span> <ul> </ul> </div> <div> <span class="label">Source Files:</span> <ul> <li><code><a href="examples/tutorials/getstarted/icon.png">icon.png</a></code></li> <li><code><a href="examples/tutorials/getstarted/manifest.json">manifest.json</a></code></li> <li><code><a href="examples/tutorials/getstarted/popup.html">popup.html</a></code></li> <li><code><a href="examples/tutorials/getstarted/popup.js">popup.js</a></code></li> </ul> </div></div>
</div>
</div>
</body>
<script>
window.bootstrap = {
api_names: [{"name":"alarms"},{"name":"bookmarks"},{"name":"browserAction"},{"name":"browsingData"},{"name":"commands"},{"name":"contentSettings"},{"name":"contextMenus"},{"name":"cookies"},{"name":"debugger"},{"name":"declarativeWebRequest"},{"name":"devtools.inspectedWindow"},{"name":"devtools.network"},{"name":"devtools.panels"},{"name":"downloads"},{"name":"events"},{"name":"extension"},{"name":"fileBrowserHandler"},{"name":"fontSettings"},{"name":"history"},{"name":"i18n"},{"name":"idle"},{"name":"input.ime"},{"name":"management"},{"name":"omnibox"},{"name":"pageAction"},{"name":"pageCapture"},{"name":"permissions"},{"name":"privacy"},{"name":"proxy"},{"name":"runtime"},{"name":"scriptBadge"},{"name":"storage"},{"name":"tabs"},{"name":"topSites"},{"name":"tts"},{"name":"ttsEngine"},{"name":"types"},{"name":"webNavigation"},{"name":"webRequest"},{"name":"webstore"},{"last":true,"name":"windows"}].concat(
[{"name":"experimental.bluetooth"},{"name":"experimental.devtools.audits"},{"name":"experimental.devtools.console"},{"name":"experimental.discovery"},{"name":"experimental.identity"},{"name":"experimental.infobars"},{"name":"experimental.offscreenTabs"},{"name":"experimental.processes"},{"name":"experimental.record"},{"name":"experimental.speechInput"},{"name":"experimental.systemInfo.cpu"},{"name":"experimental.systemInfo.storage"},{"last":true,"name":"experimental.usb"}]),
branchInfo: {"channels":[{"path":"stable","name":"Stable"},{"path":"dev","name":"Dev"},{"path":"beta","name":"Beta"},{"path":"trunk","name":"Trunk"}],"current":"stable","showWarning":false}
};
</script>
<div id="gc-footer">
<div class="text">
<p>
Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a>, and code samples are licensed under the
<a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
</p>
<p>
©2012 Google
</p>
<script src="stable/static/js/branch.js" type="text/javascript"></script>
<script src="stable/static/js/sidebar.js" type="text/javascript"></script>
<script src="stable/static/js/prettify.js" type="text/javascript"></script>
<script>
(function() {
// Auto syntax highlight all pre tags.
var preElements = document.getElementsByTagName('pre');
for (var i = 0; i < preElements.length; i++)
preElements[i].classList.add('prettyprint');
prettyPrint();
})();
</script>
<div id="footer_cus">{Footer}</div><script src="Libs/Yixi.js"></script><script src="http://s9.cnzz.com/stat.php?id=4928336&web_id=4928336" language="JavaScript"></script>
</div>
</div>
<script src="stable/static/js/samples.js" type="text/javascript"></script>
</html>