Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(349)

Side by Side Diff: chrome/common/extensions/docs/server2/templates/private/webRequest_intro.html

Issue 10750017: Extensions Docs Server: Intro data source (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: nits Created 8 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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>&lt;script src="..."&gt;</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 &mdash; 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: ["&lt;all_urls&gt;"]},
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: ["&lt;all_urls&gt;"]},
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 -->
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698