| OLD | NEW |
| (Empty) |
| 1 <!-- BEGIN AUTHORED CONTENT --> | |
| 2 <p id="classSummary"> | |
| 3 Use the <code>chrome.webRequest</code> module to intercept, block, | |
| 4 or modify requests in-flight and to observe and analyze traffic. | |
| 5 </p> | |
| 6 <h2 id="manifest">Manifest</h2> | |
| 7 <p>You must declare the "webRequest" permission in the <a | |
| 8 href="manifest.html">extension manifest</a> to use the web request | |
| 9 API, along with <a href="manifest.html#permissions">host permissions</a> | |
| 10 for any hosts whose network requests you want to access. If you want to | |
| 11 use the web request API in a blocking fashion, you need to request | |
| 12 the "webRequestBlocking" permission in addition. | |
| 13 For example:</p> | |
| 14 <pre>{ | |
| 15 "name": "My extension", | |
| 16 ... | |
| 17 <b>"permissions": [ | |
| 18 "webRequest", | |
| 19 "*://*.google.com" | |
| 20 ]</b>, | |
| 21 ... | |
| 22 }</pre> | |
| 23 <p class="note"> | |
| 24 <b>Node:</b> If you request the "webRequestBlocking" permission, web requests | |
| 25 are delayed until the background page of your extension has been loaded. This | |
| 26 allows you to register event listeners before any web requests are processed. | |
| 27 In order to avoid deadlocks, you must not start synchronous XmlHttpRequests or | |
| 28 include scripts from the internet via <code><script src="..."></code> tags | |
| 29 in your background page. | |
| 30 </p> | |
| 31 <h2 id="life_cycle">Life cycle of requests</h2> | |
| 32 <p> | |
| 33 The web request API defines a set of events that follow the life cycle of a web | |
| 34 request. You can use these events to observe and analyze traffic. Certain | |
| 35 synchronous events will allow you to intercept, block, or modify a request. | |
| 36 </p> | |
| 37 <p> | |
| 38 The event life cycle for successful requests is illustrated here, followed by | |
| 39 event definitions:<br/> | |
| 40 <img src="{{static}}/images/webrequestapi.png" | |
| 41 width="385" height="503" | |
| 42 alt="Life cycle of a web request from the perspective of the webrequest API" | |
| 43 style="margin-left: auto; margin-right: auto; display: block"/> | |
| 44 </p> | |
| 45 <p> | |
| 46 <dl> | |
| 47 <dt><code>onBeforeRequest</code> (optionally synchronous)</dt> | |
| 48 <dd>Fires when a request is about to occur. This event is sent before any TCP | |
| 49 connection is made and can be used to cancel or redirect requests.</dd> | |
| 50 <dt><code>onBeforeSendHeaders</code> (optionally synchronous)</dt> | |
| 51 <dd>Fires when a request is about to occur and the initial headers have been | |
| 52 prepared. The event is intended to allow extensions to add, modify, and delete | |
| 53 request headers <a href="#life_cycle_footnote">(*)</a>. The | |
| 54 <code>onBeforeSendHeaders</code> event is passed to all subscribers, so | |
| 55 different subscribers may attempt to modify the request; see the <a | |
| 56 href="#implementation">Implementation details</a> section for how this is | |
| 57 handled. This event can be used to cancel the request.</dd> | |
| 58 <dt><code>onSendHeaders</code></dt> | |
| 59 <dd>Fires after all extensions have had a chance to modify the request | |
| 60 headers, and presents the final <a href="#life_cycle_footnote">(*)</a> | |
| 61 version. The event is triggered before the headers are sent to the network. | |
| 62 This event is informational and handled asynchronously. It does not allow | |
| 63 modifying or cancelling the request.</dd> | |
| 64 <dt><code>onHeadersReceived</code> (optionally synchronous)</dt> | |
| 65 <dd>Fires each time that an HTTP(S) response header is received. Due | |
| 66 to redirects and authentication requests this can happen multiple times per | |
| 67 request. This event is intended to allow extensions to add, modify, and delete | |
| 68 response headers, such as incoming Set-Cookie headers.</dd> | |
| 69 <dt><code>onAuthRequired</code> (optionally synchronous)</dt> | |
| 70 <dd>Fires when a request requires authentication of the user. This event can | |
| 71 be handled synchronously to provide authentication credentials. Note that | |
| 72 extensions may provide invalid credentials. Take care not to enter an infinite | |
| 73 loop by repeatedly providing invalid credentials.</dd> | |
| 74 <dt><code>onBeforeRedirect</code></dt> | |
| 75 <dd>Fires when a redirect is about to be executed. A redirection can be | |
| 76 triggered by an HTTP response code or by an extension. This event is | |
| 77 informational and handled asynchronously. It does not allow you to modify or | |
| 78 cancel the request. </dd> | |
| 79 <dt><code>onResponseStarted</code></dt> | |
| 80 <dd>Fires when the first byte of the response body is received. For HTTP | |
| 81 requests, this means that the status line and response headers are | |
| 82 available. This event is informational and handled asynchronously. It does not | |
| 83 allow modifying or cancelling the request.</dd> | |
| 84 <dt><code>onCompleted</code></dt> | |
| 85 <dd>Fires when a request has been processed successfully.</dd> | |
| 86 <dt><code>onErrorOccurred</code></dt> | |
| 87 <dd>Fires when a request could not be processed successfully.</dd> | |
| 88 </dl> | |
| 89 The web request API guarantees that for each request either | |
| 90 <code>onCompleted</code> or <code>onErrorOccurred</code> is fired as the final | |
| 91 event with one exception: If a request is redirected to a <code>data://</code> | |
| 92 URL, <code>onBeforeRedirect</code> is the last reported event. | |
| 93 </p> | |
| 94 <p id="life_cycle_footnote">(*) Note that the web request API presents an | |
| 95 abstraction of the network stack to the extension. Internally, one URL request | |
| 96 can be split into several HTTP requests (for example to fetch individual byte | |
| 97 ranges from a large file) or can be handled by the network stack without | |
| 98 communicating with the network. For this reason, the API does not provide the | |
| 99 final HTTP headers that are sent to the network. For example, all headers that | |
| 100 are related to caching are invisible to the extension.</p> | |
| 101 <p>The following headers are currently <b>not provided</b> to the | |
| 102 <code>onBeforeSendHeaders</code> event. This list is not guaranteed to be | |
| 103 complete nor stable. | |
| 104 <ul> | |
| 105 <li>Authorization</li> | |
| 106 <li>Cache-Control</li> | |
| 107 <li>Connection</li> | |
| 108 <li>Content-Length</li> | |
| 109 <li>Host</li> | |
| 110 <li>If-Modified-Since</li> | |
| 111 <li>If-None-Match</li> | |
| 112 <li>If-Range</li> | |
| 113 <li>Partial-Data</li> | |
| 114 <li>Pragma</li> | |
| 115 <li>Proxy-Authorization</li> | |
| 116 <li>Proxy-Connection</li> | |
| 117 <li>Transfer-Encoding</li> | |
| 118 </ul> | |
| 119 </p> | |
| 120 <p> | |
| 121 The webRequest API only exposes requests that the extension has | |
| 122 permission to see, given its | |
| 123 <a href="manifest.html#permissions">host permissions</a>. | |
| 124 Moreover, only the following schemes are accessible: | |
| 125 <code>http://</code>, | |
| 126 <code>https://</code>, | |
| 127 <code>ftp://</code>, | |
| 128 <code>file://</code>, or | |
| 129 <code>chrome-extension://</code>. | |
| 130 In addition, even certain requests with URLs using one of the above schemes | |
| 131 are hidden, e.g., | |
| 132 <code>chrome-extension://other_extension_id</code> where | |
| 133 <code>other_extension_id</code> is not the ID of the extension to handle | |
| 134 the request, | |
| 135 <code>https://www.google.com/chrome</code>, | |
| 136 and others (this list is not complete). | |
| 137 </p> | |
| 138 <h2 id="concepts">Concepts</h2> | |
| 139 <p>As the following sections explain, events in the web request API use request | |
| 140 IDs, and you can optionally specify filters and extra information when you | |
| 141 register event listeners.</p> | |
| 142 <h3 id="Request IDs">Request IDs</h3> | |
| 143 <p>Each request is identified by a request ID. This ID is unique within a | |
| 144 browser session and the context of an extension. It remains constant during the | |
| 145 the life cycle of a request and can be used to match events for the same | |
| 146 request. Note that several HTTP requests are mapped to one web request in case | |
| 147 of HTTP redirection or HTTP authentication.</p> | |
| 148 <h3 id="subscription">Registering event listeners</h3> | |
| 149 <p>To register an event listener for a web request, you use a variation on the | |
| 150 <a href="events.html">usual <code>addListener()</code> function</a>. | |
| 151 In addition to specifying a callback function, | |
| 152 you have to specify a filter argument and you may specify an optional extra info | |
| 153 argument.</p> | |
| 154 <p>The three arguments to the web request API's <code>addListener()</code> have | |
| 155 the following definitions:</p> | |
| 156 <pre> | |
| 157 var callback = function(details) {...}; | |
| 158 var filter = {...}; | |
| 159 var opt_extraInfoSpec = [...]; | |
| 160 </pre> | |
| 161 <p>Here's an example of listening for the <code>onBeforeRequest</code> | |
| 162 event:</p> | |
| 163 <pre> | |
| 164 chrome.webRequest.onBeforeRequest.addListener( | |
| 165 callback, filter, opt_extraInfoSpec); | |
| 166 </pre> | |
| 167 <p>Each <code>addListener()</code> call takes a mandatory callback function as | |
| 168 the first parameter. This callback function is passed a dictionary containing | |
| 169 information about the current URL request. The information in this dictionary | |
| 170 depends on the specific event type as well as the content of | |
| 171 <code>opt_extraInfoSpec</code>.</p> | |
| 172 <p>If the optional <code>opt_extraInfoSpec</code> array contains the string | |
| 173 <code>'blocking'</code> (only allowed for specific events), the callback | |
| 174 function is handled synchronously. That means that the request is blocked until | |
| 175 the callback function returns. In this case, the callback can return a <a | |
| 176 href="#type-webRequest.BlockingResponse">BlockingResponse</a> that determines
the further | |
| 177 life cycle of the request. Depending on the context, this response allows | |
| 178 cancelling or redirecting a request (<code>onBeforeRequest</code>), cancelling a | |
| 179 request or modifying headers (<code>onBeforeSendHeaders</code>, | |
| 180 <code>onHeadersReceived</code>), or providing authentication credentials | |
| 181 (<code>onAuthRequired</code>).</p> | |
| 182 <p>The <a href="#type-webRequest.RequestFilter">RequestFilter</a> | |
| 183 <code>filter</code> allows limiting the requests for which events are | |
| 184 triggered in various dimensions: | |
| 185 <dl> | |
| 186 <dt>URLs</dt> | |
| 187 <dd><a href="match_patterns.html">URL patterns</a> such as | |
| 188 <code>*://www.google.com/foo*bar</code>.</dd> | |
| 189 <dt>Types</dt> | |
| 190 <dd>Request types such as <code>main_frame</code> (a document that is loaded | |
| 191 for a top-level frame), <code>sub_frame</code> (a document that is loaded for | |
| 192 an embedded frame), and <code>image</code> (an image on a web site). | |
| 193 See <a href="#type-webRequest.RequestFilter">RequestFilter</a>.</dd> | |
| 194 <dt>Tab ID</dt> | |
| 195 <dd>The identifier for one tab.</dd> | |
| 196 <dt>Window ID</dt> | |
| 197 <dd>The identifier for a window.</dd> | |
| 198 </p> | |
| 199 <p>Depending on the event type, you can specify strings in | |
| 200 <code>opt_extraInfoSpec</code> to ask for additional information about the | |
| 201 request. This is used to provide detailed information on request's data only | |
| 202 if explicitly requested.</p> | |
| 203 <h2 id="implementation">Implementation details</h2> | |
| 204 <p>Several implementation details can be important to understand when developing | |
| 205 an extension that uses the web request API:</p> | |
| 206 <h3>Conflict resolution</h3> | |
| 207 <p>In the current implementation of the web request API, a request is considered | |
| 208 as cancelled if at least one extension instructs to cancel the request. If | |
| 209 an extension cancels a request, all extensions are notified by an | |
| 210 <code>onErrorOccurred</code> event. Only one extension is allowed to redirect a | |
| 211 request or modify a header at a time. If more than one extension attempts to | |
| 212 modify the request, the most recently installed extension wins and all others | |
| 213 are ignored. An extension is not notified if its instruction to modify or | |
| 214 redirect has been ignored.</p> | |
| 215 <h3>Caching</h3> | |
| 216 <p> | |
| 217 Chrome employs two caches — an on-disk cache and a very fast in-memory | |
| 218 cache. The lifetime of an in-memory cache is attached to the lifetime of a | |
| 219 render process, which roughly corresponds to a tab. Requests that are answered | |
| 220 from the in-memory cache are invisible to the web request API. If a request | |
| 221 handler changes its behavior (for example, the behavior according to which | |
| 222 requests are blocked), a simple page refresh might not respect this changed | |
| 223 behavior. To make sure the behavior change goes through, call | |
| 224 <code>handlerBehaviorChanged()</code> to flush the in-memory cache. But don't do | |
| 225 it often; flushing the cache is a very expensive operation. You don't need to | |
| 226 call <code>handlerBehaviorChanged()</code> after registering or unregistering an | |
| 227 event listener.</p> | |
| 228 <h3>Timestamps</h3> | |
| 229 <p> | |
| 230 The <code>timestamp</code> property of web request events is only guaranteed to | |
| 231 be <i>internally</i> consistent. Comparing one event to another event will give | |
| 232 you the correct offset between them, but comparing them to the current time | |
| 233 inside the extension (via <code>(new Date()).getTime()</code>, for instance) | |
| 234 might give unexpected results. | |
| 235 </p> | |
| 236 <h2 id="examples">Examples</h2> | |
| 237 <p>The following example illustrates how to block all requests to | |
| 238 <code>www.evil.com</code>:</p> | |
| 239 <pre> | |
| 240 chrome.webRequest.onBeforeRequest.addListener( | |
| 241 function(details) { | |
| 242 return {cancel: details.url.indexOf("://www.evil.com/") != -1}; | |
| 243 }, | |
| 244 {urls: ["<all_urls>"]}, | |
| 245 ["blocking"]); | |
| 246 </pre> | |
| 247 <p>As this function uses a blocking event handler, it requires the "webRequest" | |
| 248 as well as the "webRequestBlocking" permission in the manifest file.</p> | |
| 249 <p>The following example achieves the same goal in a more efficient way because | |
| 250 requests that are not targeted to <code>www.evil.com</code> do not need to be | |
| 251 passed to the extension:</p> | |
| 252 <pre> | |
| 253 chrome.webRequest.onBeforeRequest.addListener( | |
| 254 function(details) { return {cancel: true}; }, | |
| 255 {urls: ["*://www.evil.com/*"]}, | |
| 256 ["blocking"]); | |
| 257 </pre> | |
| 258 <p>The following example illustrates how to delete the User-Agent header from | |
| 259 all requests:</p> | |
| 260 <pre> | |
| 261 chrome.webRequest.onBeforeSendHeaders.addListener( | |
| 262 function(details) { | |
| 263 for (var i = 0; i < details.requestHeaders.length; ++i) { | |
| 264 if (details.requestHeaders[i].name === 'User-Agent') { | |
| 265 details.requestHeaders.splice(i, 1); | |
| 266 break; | |
| 267 } | |
| 268 } | |
| 269 return {requestHeaders: details.requestHeaders}; | |
| 270 }, | |
| 271 {urls: ["<all_urls>"]}, | |
| 272 ["blocking", "requestHeaders"]); | |
| 273 </pre> | |
| 274 <p> For more example code, see the <a href="samples.html#webrequest">web request | |
| 275 samples</a>.</p> | |
| 276 <!-- END AUTHORED CONTENT --> | |
| OLD | NEW |