Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 1 | /* |
| 2 | * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
| 3 | * Copyright (C) IBM Corp. 2009 All rights reserved. |
| 4 | * Copyright (C) 2010 Google Inc. All rights reserved. |
| 5 | * |
| 6 | * Redistribution and use in source and binary forms, with or without |
| 7 | * modification, are permitted provided that the following conditions |
| 8 | * are met: |
| 9 | * |
| 10 | * 1. Redistributions of source code must retain the above copyright |
| 11 | * notice, this list of conditions and the following disclaimer. |
| 12 | * 2. Redistributions in binary form must reproduce the above copyright |
| 13 | * notice, this list of conditions and the following disclaimer in the |
| 14 | * documentation and/or other materials provided with the distribution. |
| 15 | * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
| 16 | * its contributors may be used to endorse or promote products derived |
| 17 | * from this software without specific prior written permission. |
| 18 | * |
| 19 | * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY |
| 20 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
| 21 | * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
| 22 | * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
| 23 | * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
| 24 | * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
| 25 | * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
| 26 | * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 | * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
| 28 | * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 | */ |
| 30 | |
Sigurd Schneider | ba81851 | 2020-04-29 10:54:37 | [diff] [blame] | 31 | import * as BrowserSDK from '../browser_sdk/browser_sdk.js'; |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 32 | import * as Common from '../common/common.js'; |
Wolfgang Beyer | a03d3df | 2020-05-04 13:59:31 | [diff] [blame^] | 33 | import * as Host from '../host/host.js'; |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 34 | import * as ObjectUI from '../object_ui/object_ui.js'; |
| 35 | import * as SDK from '../sdk/sdk.js'; |
| 36 | import * as UI from '../ui/ui.js'; |
| 37 | |
| 38 | export class RequestHeadersView extends UI.Widget.VBox { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 39 | /** |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 40 | * @param {!SDK.NetworkRequest.NetworkRequest} request |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 41 | */ |
| 42 | constructor(request) { |
| 43 | super(); |
| 44 | this.registerRequiredCSS('network/requestHeadersView.css'); |
| 45 | this.element.classList.add('request-headers-view'); |
| 46 | |
| 47 | this._request = request; |
| 48 | this._decodeRequestParameters = true; |
| 49 | this._showRequestHeadersText = false; |
| 50 | this._showResponseHeadersText = false; |
| 51 | |
Alex Rudenko | 9d00edb | 2020-04-09 09:50:09 | [diff] [blame] | 52 | const contentType = request.requestContentType(); |
| 53 | if (contentType) { |
| 54 | this._decodeRequestParameters = !!contentType.match(/^application\/x-www-form-urlencoded\s*(;.*)?$/i); |
| 55 | } |
| 56 | |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 57 | /** @type {?UI.TreeOutline.TreeElement} */ |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 58 | this._highlightedElement = null; |
| 59 | |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 60 | const root = new UI.TreeOutline.TreeOutlineInShadow(); |
Amanda Baker | c3d1527 | 2019-10-25 00:56:39 | [diff] [blame] | 61 | root.registerRequiredCSS('object_ui/objectValue.css'); |
| 62 | root.registerRequiredCSS('object_ui/objectPropertiesSection.css'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 63 | root.registerRequiredCSS('network/requestHeadersTree.css'); |
| 64 | root.element.classList.add('request-headers-tree'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 65 | root.makeDense(); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 66 | this.element.appendChild(root.element); |
| 67 | |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 68 | const generalCategory = new Category(root, 'general', Common.UIString.UIString('General')); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 69 | generalCategory.hidden = false; |
Amanda Baker | 2e19a1b | 2019-10-25 00:41:02 | [diff] [blame] | 70 | this._root = generalCategory; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 71 | this._urlItem = generalCategory.createLeaf(); |
| 72 | this._requestMethodItem = generalCategory.createLeaf(); |
| 73 | this._statusCodeItem = generalCategory.createLeaf(); |
| 74 | this._remoteAddressItem = generalCategory.createLeaf(); |
| 75 | this._remoteAddressItem.hidden = true; |
| 76 | this._referrerPolicyItem = generalCategory.createLeaf(); |
| 77 | this._referrerPolicyItem.hidden = true; |
| 78 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 79 | this._responseHeadersCategory = new Category(root, 'responseHeaders', ''); |
| 80 | this._requestHeadersCategory = new Category(root, 'requestHeaders', ''); |
| 81 | this._queryStringCategory = new Category(root, 'queryString', ''); |
| 82 | this._formDataCategory = new Category(root, 'formData', ''); |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 83 | this._requestPayloadCategory = new Category(root, 'requestPayload', Common.UIString.UIString('Request Payload')); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 84 | } |
| 85 | |
| 86 | /** |
| 87 | * @override |
| 88 | */ |
| 89 | wasShown() { |
| 90 | this._clearHighlight(); |
| 91 | this._request.addEventListener(SDK.NetworkRequest.Events.RemoteAddressChanged, this._refreshRemoteAddress, this); |
| 92 | this._request.addEventListener(SDK.NetworkRequest.Events.RequestHeadersChanged, this._refreshRequestHeaders, this); |
| 93 | this._request.addEventListener( |
| 94 | SDK.NetworkRequest.Events.ResponseHeadersChanged, this._refreshResponseHeaders, this); |
| 95 | this._request.addEventListener(SDK.NetworkRequest.Events.FinishedLoading, this._refreshHTTPInformation, this); |
| 96 | |
| 97 | this._refreshURL(); |
| 98 | this._refreshQueryString(); |
| 99 | this._refreshRequestHeaders(); |
| 100 | this._refreshResponseHeaders(); |
| 101 | this._refreshHTTPInformation(); |
| 102 | this._refreshRemoteAddress(); |
| 103 | this._refreshReferrerPolicy(); |
Amanda Baker | 2e19a1b | 2019-10-25 00:41:02 | [diff] [blame] | 104 | this._root.select(/* omitFocus */ true, /* selectedByUser */ false); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 105 | } |
| 106 | |
| 107 | /** |
| 108 | * @override |
| 109 | */ |
| 110 | willHide() { |
| 111 | this._request.removeEventListener(SDK.NetworkRequest.Events.RemoteAddressChanged, this._refreshRemoteAddress, this); |
| 112 | this._request.removeEventListener( |
| 113 | SDK.NetworkRequest.Events.RequestHeadersChanged, this._refreshRequestHeaders, this); |
| 114 | this._request.removeEventListener( |
| 115 | SDK.NetworkRequest.Events.ResponseHeadersChanged, this._refreshResponseHeaders, this); |
| 116 | this._request.removeEventListener(SDK.NetworkRequest.Events.FinishedLoading, this._refreshHTTPInformation, this); |
| 117 | } |
| 118 | |
| 119 | /** |
| 120 | * @param {string} name |
| 121 | * @param {string} value |
| 122 | * @return {!DocumentFragment} |
| 123 | */ |
| 124 | _formatHeader(name, value) { |
| 125 | const fragment = createDocumentFragment(); |
| 126 | fragment.createChild('div', 'header-name').textContent = name + ': '; |
| 127 | fragment.createChild('span', 'header-separator'); |
| 128 | fragment.createChild('div', 'header-value source-code').textContent = value; |
| 129 | |
| 130 | return fragment; |
| 131 | } |
| 132 | |
| 133 | /** |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 134 | * @param {!{name:string,value:(string|undefined),headerNotSet:(boolean|undefined),headerValueIncorrect:(boolean|undefined),details:(!{explanation:string,examples:!Array<!{codeSnippet:string,comment:(string|undefined)}>}|undefined)}} header |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 135 | * @return {!DocumentFragment} |
| 136 | */ |
| 137 | _formatHeaderObject(header) { |
| 138 | const fragment = createDocumentFragment(); |
| 139 | if (header.headerNotSet) { |
| 140 | fragment.createChild('div', 'header-badge header-badge-text').textContent = 'not-set'; |
| 141 | } |
| 142 | const colon = header.value ? ': ' : ''; |
| 143 | fragment.createChild('div', 'header-name').textContent = header.name + colon; |
| 144 | fragment.createChild('span', 'header-separator'); |
| 145 | if (header.value) { |
| 146 | if (header.headerValueIncorrect) { |
| 147 | fragment.createChild('div', 'header-value source-code header-warning').textContent = header.value; |
| 148 | } else { |
| 149 | fragment.createChild('div', 'header-value source-code').textContent = header.value; |
| 150 | } |
| 151 | } |
| 152 | if (header.details) { |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 153 | const detailsNode = fragment.createChild('div', 'header-details'); |
| 154 | const callToAction = detailsNode.createChild('div', 'call-to-action'); |
| 155 | const callToActionBody = callToAction.createChild('div', 'call-to-action-body'); |
| 156 | callToActionBody.createChild('div', 'explanation').textContent = header.details.explanation; |
| 157 | for (const example of header.details.examples) { |
| 158 | const exampleNode = callToActionBody.createChild('div', 'example'); |
| 159 | exampleNode.createChild('code').textContent = example.codeSnippet; |
| 160 | if (example.comment) { |
| 161 | exampleNode.createChild('span', 'comment').textContent = example.comment; |
| 162 | } |
| 163 | } |
Sigurd Schneider | e07f9ee | 2020-03-25 14:09:39 | [diff] [blame] | 164 | |
| 165 | if (Root.Runtime.experiments.isEnabled('issuesPane') && |
Sigurd Schneider | ba81851 | 2020-04-29 10:54:37 | [diff] [blame] | 166 | BrowserSDK.RelatedIssue.hasIssueOfCategory( |
| 167 | this._request, SDK.Issue.IssueCategory.CrossOriginEmbedderPolicy)) { |
Tim van der Lippe | f49e232 | 2020-05-01 15:03:09 | [diff] [blame] | 168 | const link = document.createElement('div'); |
| 169 | link.classList.add('devtools-link'); |
Sigurd Schneider | e07f9ee | 2020-03-25 14:09:39 | [diff] [blame] | 170 | link.onclick = () => { |
Wolfgang Beyer | a03d3df | 2020-05-04 13:59:31 | [diff] [blame^] | 171 | Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.LearnMoreLinkCOEP); |
Sigurd Schneider | ba81851 | 2020-04-29 10:54:37 | [diff] [blame] | 172 | BrowserSDK.RelatedIssue.reveal(this._request, SDK.Issue.IssueCategory.CrossOriginEmbedderPolicy); |
Sigurd Schneider | e07f9ee | 2020-03-25 14:09:39 | [diff] [blame] | 173 | }; |
Tim van der Lippe | f49e232 | 2020-05-01 15:03:09 | [diff] [blame] | 174 | const text = document.createElement('span'); |
| 175 | text.classList.add('devtools-link'); |
Sigurd Schneider | e07f9ee | 2020-03-25 14:09:39 | [diff] [blame] | 176 | text.textContent = 'Learn more in the issues panel'; |
| 177 | link.appendChild(text); |
| 178 | link.prepend(UI.Icon.Icon.create('largeicon-breaking-change', 'icon')); |
| 179 | callToActionBody.appendChild(link); |
| 180 | } else if (header.details.link) { |
Sigurd Schneider | eaadca1 | 2020-03-10 13:50:40 | [diff] [blame] | 181 | const link = UI.XLink.XLink.create(header.details.link.url, ls`Learn more`, 'link'); |
| 182 | link.prepend(UI.Icon.Icon.create('largeicon-link', 'link-icon')); |
| 183 | callToActionBody.appendChild(link); |
| 184 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 185 | } |
| 186 | return fragment; |
| 187 | } |
| 188 | |
| 189 | /** |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 190 | * @param {string} value |
| 191 | * @param {string} className |
| 192 | * @param {boolean} decodeParameters |
| 193 | * @return {!Element} |
| 194 | */ |
| 195 | _formatParameter(value, className, decodeParameters) { |
| 196 | let errorDecoding = false; |
| 197 | |
| 198 | if (decodeParameters) { |
| 199 | value = value.replace(/\+/g, ' '); |
| 200 | if (value.indexOf('%') >= 0) { |
| 201 | try { |
| 202 | value = decodeURIComponent(value); |
| 203 | } catch (e) { |
| 204 | errorDecoding = true; |
| 205 | } |
| 206 | } |
| 207 | } |
Tim van der Lippe | 7ea01c2 | 2020-05-04 12:27:22 | [diff] [blame] | 208 | const div = document.createElement('div'); |
| 209 | if (className) { |
| 210 | div.className = className; |
| 211 | } |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 212 | if (value === '') { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 213 | div.classList.add('empty-value'); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 214 | } |
| 215 | if (errorDecoding) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 216 | div.createChild('span', 'header-decode-error').textContent = Common.UIString.UIString('(unable to decode value)'); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 217 | } else { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 218 | div.textContent = value; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 219 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 220 | return div; |
| 221 | } |
| 222 | |
| 223 | _refreshURL() { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 224 | this._urlItem.title = this._formatHeader(Common.UIString.UIString('Request URL'), this._request.url()); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 225 | } |
| 226 | |
| 227 | _refreshQueryString() { |
| 228 | const queryString = this._request.queryString(); |
| 229 | const queryParameters = this._request.queryParameters; |
| 230 | this._queryStringCategory.hidden = !queryParameters; |
| 231 | if (queryParameters) { |
| 232 | this._refreshParams( |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 233 | Common.UIString.UIString('Query String Parameters'), queryParameters, queryString, this._queryStringCategory); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 234 | } |
| 235 | } |
| 236 | |
| 237 | async _refreshFormData() { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 238 | const formData = await this._request.requestFormData(); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 239 | if (!formData) { |
Alex Rudenko | 9d00edb | 2020-04-09 09:50:09 | [diff] [blame] | 240 | this._formDataCategory.hidden = true; |
| 241 | this._requestPayloadCategory.hidden = true; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 242 | return; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 243 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 244 | |
| 245 | const formParameters = await this._request.formParameters(); |
| 246 | if (formParameters) { |
| 247 | this._formDataCategory.hidden = false; |
Alex Rudenko | 9d00edb | 2020-04-09 09:50:09 | [diff] [blame] | 248 | this._requestPayloadCategory.hidden = true; |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 249 | this._refreshParams(Common.UIString.UIString('Form Data'), formParameters, formData, this._formDataCategory); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 250 | } else { |
| 251 | this._requestPayloadCategory.hidden = false; |
Alex Rudenko | 9d00edb | 2020-04-09 09:50:09 | [diff] [blame] | 252 | this._formDataCategory.hidden = true; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 253 | try { |
| 254 | const json = JSON.parse(formData); |
| 255 | this._refreshRequestJSONPayload(json, formData); |
| 256 | } catch (e) { |
| 257 | this._populateTreeElementWithSourceText(this._requestPayloadCategory, formData); |
| 258 | } |
| 259 | } |
| 260 | } |
| 261 | |
| 262 | /** |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 263 | * @param {!UI.TreeOutline.TreeElement} treeElement |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 264 | * @param {?string} sourceText |
| 265 | */ |
| 266 | _populateTreeElementWithSourceText(treeElement, sourceText) { |
| 267 | const max_len = 3000; |
| 268 | const text = (sourceText || '').trim(); |
| 269 | const trim = text.length > max_len; |
| 270 | |
Tim van der Lippe | e7f2705 | 2020-05-01 15:15:28 | [diff] [blame] | 271 | const sourceTextElement = document.createElement('span'); |
| 272 | sourceTextElement.classList.add('header-value'); |
| 273 | sourceTextElement.classList.add('source-code'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 274 | sourceTextElement.textContent = trim ? text.substr(0, max_len) : text; |
| 275 | |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 276 | const sourceTreeElement = new UI.TreeOutline.TreeElement(sourceTextElement); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 277 | treeElement.removeChildren(); |
| 278 | treeElement.appendChild(sourceTreeElement); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 279 | if (!trim) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 280 | return; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 281 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 282 | |
Tim van der Lippe | f49e232 | 2020-05-01 15:03:09 | [diff] [blame] | 283 | const showMoreButton = document.createElement('button'); |
| 284 | showMoreButton.classList.add('request-headers-show-more-button'); |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 285 | showMoreButton.textContent = Common.UIString.UIString('Show more'); |
Amanda Baker | 8980649 | 2019-10-25 01:49:02 | [diff] [blame] | 286 | |
| 287 | function showMore() { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 288 | showMoreButton.remove(); |
| 289 | sourceTextElement.textContent = text; |
Amanda Baker | 8980649 | 2019-10-25 01:49:02 | [diff] [blame] | 290 | sourceTreeElement.listItemElement.removeEventListener('contextmenu', onContextMenuShowMore); |
| 291 | } |
| 292 | showMoreButton.addEventListener('click', showMore); |
| 293 | |
| 294 | /** |
| 295 | * @param {!Event} event |
| 296 | */ |
| 297 | function onContextMenuShowMore(event) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 298 | const contextMenu = new UI.ContextMenu.ContextMenu(event); |
Amanda Baker | 8980649 | 2019-10-25 01:49:02 | [diff] [blame] | 299 | const section = contextMenu.newSection(); |
| 300 | section.appendItem(ls`Show more`, showMore); |
| 301 | contextMenu.show(); |
| 302 | } |
| 303 | sourceTreeElement.listItemElement.addEventListener('contextmenu', onContextMenuShowMore); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 304 | sourceTextElement.appendChild(showMoreButton); |
| 305 | } |
| 306 | |
| 307 | /** |
| 308 | * @param {string} title |
| 309 | * @param {?Array.<!SDK.NetworkRequest.NameValue>} params |
| 310 | * @param {?string} sourceText |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 311 | * @param {!UI.TreeOutline.TreeElement} paramsTreeElement |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 312 | */ |
| 313 | _refreshParams(title, params, sourceText, paramsTreeElement) { |
| 314 | paramsTreeElement.removeChildren(); |
| 315 | |
| 316 | paramsTreeElement.listItemElement.removeChildren(); |
Amanda Baker | 2e19a1b | 2019-10-25 00:41:02 | [diff] [blame] | 317 | paramsTreeElement.listItemElement.createChild('div', 'selection fill'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 318 | paramsTreeElement.listItemElement.createTextChild(title); |
| 319 | |
Tim van der Lippe | f49e232 | 2020-05-01 15:03:09 | [diff] [blame] | 320 | const headerCount = document.createElement('span'); |
| 321 | headerCount.classList.add('header-count'); |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 322 | headerCount.textContent = Common.UIString.UIString('\xA0(%d)', params.length); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 323 | paramsTreeElement.listItemElement.appendChild(headerCount); |
| 324 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 325 | const shouldViewSource = paramsTreeElement[_viewSourceSymbol]; |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 326 | if (shouldViewSource) { |
| 327 | this._appendParamsSource(title, params, sourceText, paramsTreeElement); |
| 328 | } else { |
| 329 | this._appendParamsParsed(title, params, sourceText, paramsTreeElement); |
| 330 | } |
| 331 | } |
| 332 | |
| 333 | /** |
| 334 | * @param {string} title |
| 335 | * @param {?Array.<!SDK.NetworkRequest.NameValue>} params |
| 336 | * @param {?string} sourceText |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 337 | * @param {!UI.TreeOutline.TreeElement} paramsTreeElement |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 338 | */ |
| 339 | _appendParamsSource(title, params, sourceText, paramsTreeElement) { |
| 340 | this._populateTreeElementWithSourceText(paramsTreeElement, sourceText); |
| 341 | |
| 342 | const listItemElement = paramsTreeElement.listItemElement; |
| 343 | |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 344 | /** |
| 345 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 346 | * @this {RequestHeadersView} |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 347 | */ |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 348 | const viewParsed = function(event) { |
| 349 | listItemElement.removeEventListener('contextmenu', viewParsedContextMenu); |
| 350 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 351 | paramsTreeElement[_viewSourceSymbol] = false; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 352 | this._refreshParams(title, params, sourceText, paramsTreeElement); |
| 353 | event.consume(); |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 354 | }; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 355 | |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 356 | /** |
| 357 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 358 | * @this {RequestHeadersView} |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 359 | */ |
| 360 | const viewParsedContextMenu = function(event) { |
| 361 | if (!paramsTreeElement.expanded) { |
| 362 | return; |
| 363 | } |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 364 | const contextMenu = new UI.ContextMenu.ContextMenu(event); |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 365 | contextMenu.newSection().appendItem(ls`View parsed`, viewParsed.bind(this, event)); |
| 366 | contextMenu.show(); |
| 367 | }.bind(this); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 368 | |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 369 | const viewParsedButton = this._createViewSourceToggle(/* viewSource */ true, viewParsed.bind(this)); |
| 370 | listItemElement.appendChild(viewParsedButton); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 371 | |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 372 | listItemElement.addEventListener('contextmenu', viewParsedContextMenu); |
| 373 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 374 | |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 375 | /** |
| 376 | * @param {string} title |
| 377 | * @param {?Array.<!SDK.NetworkRequest.NameValue>} params |
| 378 | * @param {?string} sourceText |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 379 | * @param {!UI.TreeOutline.TreeElement} paramsTreeElement |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 380 | */ |
| 381 | _appendParamsParsed(title, params, sourceText, paramsTreeElement) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 382 | for (let i = 0; i < params.length; ++i) { |
| 383 | const paramNameValue = createDocumentFragment(); |
| 384 | if (params[i].name !== '') { |
| 385 | const name = this._formatParameter(params[i].name + ': ', 'header-name', this._decodeRequestParameters); |
| 386 | const value = this._formatParameter(params[i].value, 'header-value source-code', this._decodeRequestParameters); |
| 387 | paramNameValue.appendChild(name); |
| 388 | paramNameValue.createChild('span', 'header-separator'); |
| 389 | paramNameValue.appendChild(value); |
| 390 | } else { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 391 | paramNameValue.appendChild(this._formatParameter( |
| 392 | Common.UIString.UIString('(empty)'), 'empty-request-header', this._decodeRequestParameters)); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 393 | } |
| 394 | |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 395 | const paramTreeElement = new UI.TreeOutline.TreeElement(paramNameValue); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 396 | paramsTreeElement.appendChild(paramTreeElement); |
| 397 | } |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 398 | |
| 399 | const listItemElement = paramsTreeElement.listItemElement; |
| 400 | |
| 401 | /** |
| 402 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 403 | * @this {RequestHeadersView} |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 404 | */ |
| 405 | const viewSource = function(event) { |
| 406 | listItemElement.removeEventListener('contextmenu', viewSourceContextMenu); |
| 407 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 408 | paramsTreeElement[_viewSourceSymbol] = true; |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 409 | this._refreshParams(title, params, sourceText, paramsTreeElement); |
| 410 | event.consume(); |
| 411 | }; |
| 412 | |
| 413 | /** |
| 414 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 415 | * @this {RequestHeadersView} |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 416 | */ |
| 417 | const toggleURLDecoding = function(event) { |
| 418 | listItemElement.removeEventListener('contextmenu', viewSourceContextMenu); |
| 419 | this._toggleURLDecoding(event); |
| 420 | }; |
| 421 | |
| 422 | /** |
| 423 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 424 | * @this {RequestHeadersView} |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 425 | */ |
| 426 | const viewSourceContextMenu = function(event) { |
| 427 | if (!paramsTreeElement.expanded) { |
| 428 | return; |
| 429 | } |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 430 | const contextMenu = new UI.ContextMenu.ContextMenu(event); |
Amanda Baker | e2bb99d | 2019-10-25 01:28:43 | [diff] [blame] | 431 | const section = contextMenu.newSection(); |
| 432 | section.appendItem(ls`View source`, viewSource.bind(this, event)); |
| 433 | const viewURLEncodedText = this._decodeRequestParameters ? ls`View URL encoded` : ls`View decoded`; |
| 434 | section.appendItem(viewURLEncodedText, toggleURLDecoding.bind(this, event)); |
| 435 | contextMenu.show(); |
| 436 | }.bind(this); |
| 437 | |
| 438 | const viewSourceButton = this._createViewSourceToggle(/* viewSource */ false, viewSource.bind(this)); |
| 439 | listItemElement.appendChild(viewSourceButton); |
| 440 | |
| 441 | const toggleTitle = this._decodeRequestParameters ? ls`view URL encoded` : ls`view decoded`; |
| 442 | const toggleButton = this._createToggleButton(toggleTitle); |
| 443 | toggleButton.addEventListener('click', toggleURLDecoding.bind(this), false); |
| 444 | listItemElement.appendChild(toggleButton); |
| 445 | |
| 446 | listItemElement.addEventListener('contextmenu', viewSourceContextMenu); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 447 | } |
| 448 | |
| 449 | /** |
| 450 | * @param {*} parsedObject |
| 451 | * @param {string} sourceText |
| 452 | */ |
| 453 | _refreshRequestJSONPayload(parsedObject, sourceText) { |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 454 | const rootListItem = this._requestPayloadCategory; |
| 455 | rootListItem.removeChildren(); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 456 | |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 457 | const rootListItemElement = rootListItem.listItemElement; |
| 458 | rootListItemElement.removeChildren(); |
| 459 | rootListItemElement.createChild('div', 'selection fill'); |
| 460 | rootListItemElement.createTextChild(this._requestPayloadCategory.title); |
| 461 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 462 | const shouldViewSource = rootListItem[_viewSourceSymbol]; |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 463 | if (shouldViewSource) { |
| 464 | this._appendJSONPayloadSource(rootListItem, parsedObject, sourceText); |
| 465 | } else { |
| 466 | this._appendJSONPayloadParsed(rootListItem, parsedObject, sourceText); |
| 467 | } |
| 468 | } |
| 469 | |
| 470 | /** |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 471 | * @param {!Category} rootListItem |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 472 | * @param {*} parsedObject |
| 473 | * @param {string} sourceText |
| 474 | */ |
| 475 | _appendJSONPayloadSource(rootListItem, parsedObject, sourceText) { |
| 476 | const rootListItemElement = rootListItem.listItemElement; |
| 477 | this._populateTreeElementWithSourceText(rootListItem, sourceText); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 478 | |
| 479 | /** |
| 480 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 481 | * @this {RequestHeadersView} |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 482 | */ |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 483 | const viewParsed = function(event) { |
| 484 | rootListItemElement.removeEventListener('contextmenu', viewParsedContextMenu); |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 485 | rootListItem[_viewSourceSymbol] = false; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 486 | this._refreshRequestJSONPayload(parsedObject, sourceText); |
| 487 | event.consume(); |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 488 | }; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 489 | |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 490 | const viewParsedButton = this._createViewSourceToggle(/* viewSource */ true, viewParsed.bind(this)); |
| 491 | rootListItemElement.appendChild(viewParsedButton); |
| 492 | |
| 493 | /** |
| 494 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 495 | * @this {RequestHeadersView} |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 496 | */ |
| 497 | const viewParsedContextMenu = function(event) { |
| 498 | if (!rootListItem.expanded) { |
| 499 | return; |
| 500 | } |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 501 | const contextMenu = new UI.ContextMenu.ContextMenu(event); |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 502 | contextMenu.newSection().appendItem(ls`View parsed`, viewParsed.bind(this, event)); |
| 503 | contextMenu.show(); |
| 504 | }.bind(this); |
| 505 | |
| 506 | rootListItemElement.addEventListener('contextmenu', viewParsedContextMenu); |
| 507 | } |
| 508 | |
| 509 | /** |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 510 | * @param {!Category} rootListItem |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 511 | * @param {*} parsedObject |
| 512 | * @param {string} sourceText |
| 513 | */ |
| 514 | _appendJSONPayloadParsed(rootListItem, parsedObject, sourceText) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 515 | const object = |
| 516 | /** @type {!SDK.RemoteObject.LocalJSONObject} */ (SDK.RemoteObject.RemoteObject.fromLocalObject(parsedObject)); |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 517 | const section = new ObjectUI.ObjectPropertiesSection.RootElement(object); |
| 518 | section.title = object.description; |
| 519 | section.expand(); |
| 520 | section.editable = false; |
| 521 | rootListItem.childrenListElement.classList.add('source-code', 'object-properties-section'); |
| 522 | |
| 523 | rootListItem.appendChild(section); |
| 524 | const rootListItemElement = rootListItem.listItemElement; |
| 525 | |
| 526 | /** |
| 527 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 528 | * @this {RequestHeadersView} |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 529 | */ |
| 530 | const viewSource = function(event) { |
| 531 | rootListItemElement.removeEventListener('contextmenu', viewSourceContextMenu); |
| 532 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 533 | rootListItem[_viewSourceSymbol] = true; |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 534 | this._refreshRequestJSONPayload(parsedObject, sourceText); |
| 535 | event.consume(); |
| 536 | }; |
| 537 | |
| 538 | /** |
| 539 | * @param {!Event} event |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 540 | * @this {RequestHeadersView} |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 541 | */ |
| 542 | const viewSourceContextMenu = function(event) { |
| 543 | if (!rootListItem.expanded) { |
| 544 | return; |
| 545 | } |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 546 | const contextMenu = new UI.ContextMenu.ContextMenu(event); |
Amanda Baker | 1815fca | 2019-10-25 01:16:00 | [diff] [blame] | 547 | contextMenu.newSection().appendItem(ls`View source`, viewSource.bind(this, event)); |
| 548 | contextMenu.show(); |
| 549 | }.bind(this); |
| 550 | |
| 551 | const viewSourceButton = this._createViewSourceToggle(/* viewSource */ false, viewSource.bind(this)); |
| 552 | rootListItemElement.appendChild(viewSourceButton); |
| 553 | |
| 554 | rootListItemElement.addEventListener('contextmenu', viewSourceContextMenu); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 555 | } |
| 556 | |
| 557 | /** |
| 558 | * @param {boolean} viewSource |
| 559 | * @param {function(!Event)} handler |
| 560 | * @return {!Element} |
| 561 | */ |
| 562 | _createViewSourceToggle(viewSource, handler) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 563 | const viewSourceToggleTitle = |
| 564 | viewSource ? Common.UIString.UIString('view parsed') : Common.UIString.UIString('view source'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 565 | const viewSourceToggleButton = this._createToggleButton(viewSourceToggleTitle); |
| 566 | viewSourceToggleButton.addEventListener('click', handler, false); |
| 567 | return viewSourceToggleButton; |
| 568 | } |
| 569 | |
| 570 | /** |
| 571 | * @param {!Event} event |
| 572 | */ |
| 573 | _toggleURLDecoding(event) { |
| 574 | this._decodeRequestParameters = !this._decodeRequestParameters; |
| 575 | this._refreshQueryString(); |
| 576 | this._refreshFormData(); |
| 577 | event.consume(); |
| 578 | } |
| 579 | |
| 580 | _refreshRequestHeaders() { |
| 581 | const treeElement = this._requestHeadersCategory; |
| 582 | const headers = this._request.requestHeaders().slice(); |
| 583 | headers.sort(function(a, b) { |
| 584 | return a.name.toLowerCase().compareTo(b.name.toLowerCase()); |
| 585 | }); |
| 586 | const headersText = this._request.requestHeadersText(); |
| 587 | |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 588 | if (this._showRequestHeadersText && headersText) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 589 | this._refreshHeadersText(Common.UIString.UIString('Request Headers'), headers.length, headersText, treeElement); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 590 | } else { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 591 | this._refreshHeaders( |
| 592 | Common.UIString.UIString('Request Headers'), headers, treeElement, headersText === undefined); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 593 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 594 | |
| 595 | if (headersText) { |
| 596 | const toggleButton = this._createHeadersToggleButton(this._showRequestHeadersText); |
| 597 | toggleButton.addEventListener('click', this._toggleRequestHeadersText.bind(this), false); |
| 598 | treeElement.listItemElement.appendChild(toggleButton); |
| 599 | } |
| 600 | |
| 601 | this._refreshFormData(); |
| 602 | } |
| 603 | |
| 604 | _refreshResponseHeaders() { |
| 605 | const treeElement = this._responseHeadersCategory; |
| 606 | const headers = this._request.sortedResponseHeaders.slice(); |
| 607 | const headersText = this._request.responseHeadersText; |
| 608 | |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 609 | if (this._showResponseHeadersText) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 610 | this._refreshHeadersText(Common.UIString.UIString('Response Headers'), headers.length, headersText, treeElement); |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 611 | } else { |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 612 | const headersWithIssues = []; |
| 613 | if (this._request.wasBlocked()) { |
| 614 | const headerWithIssues = BlockedReasonDetails.get(this._request.blockedReason()); |
| 615 | if (headerWithIssues) { |
| 616 | headersWithIssues.push(headerWithIssues); |
| 617 | } |
| 618 | } |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 619 | this._refreshHeaders( |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 620 | Common.UIString.UIString('Response Headers'), mergeHeadersWithIssues(headers, headersWithIssues), treeElement, |
| 621 | /* provisional */ false, this._request.blockedResponseCookies()); |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 622 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 623 | |
| 624 | if (headersText) { |
| 625 | const toggleButton = this._createHeadersToggleButton(this._showResponseHeadersText); |
| 626 | toggleButton.addEventListener('click', this._toggleResponseHeadersText.bind(this), false); |
| 627 | treeElement.listItemElement.appendChild(toggleButton); |
| 628 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 629 | |
| 630 | /** |
| 631 | * |
| 632 | * @param {!Array<*>} headers |
| 633 | * @param {!Array<*>} headersWithIssues |
| 634 | */ |
| 635 | function mergeHeadersWithIssues(headers, headersWithIssues) { |
| 636 | let i = 0, j = 0; |
| 637 | const result = []; |
| 638 | while (i < headers.length || j < headersWithIssues.length) { |
| 639 | if (i < headers.length && (j >= headersWithIssues.length || headers[i].name < headersWithIssues[j].name)) { |
| 640 | result.push({...headers[i++], headerNotSet: false}); |
| 641 | } else if ( |
| 642 | j < headersWithIssues.length && (i >= headers.length || headers[i].name > headersWithIssues[j].name)) { |
| 643 | result.push({...headersWithIssues[j++], headerNotSet: true}); |
| 644 | } else if ( |
| 645 | i < headers.length && j < headersWithIssues.length && headers[i].name === headersWithIssues[j].name) { |
| 646 | result.push({...headersWithIssues[j++], ...headers[i++], headerNotSet: false}); |
| 647 | } |
| 648 | } |
| 649 | return result; |
| 650 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 651 | } |
| 652 | |
| 653 | _refreshHTTPInformation() { |
| 654 | const requestMethodElement = this._requestMethodItem; |
| 655 | requestMethodElement.hidden = !this._request.statusCode; |
| 656 | const statusCodeElement = this._statusCodeItem; |
| 657 | statusCodeElement.hidden = !this._request.statusCode; |
| 658 | |
| 659 | if (this._request.statusCode) { |
| 660 | const statusCodeFragment = createDocumentFragment(); |
Tsuyoshi Horo | 41dcffd | 2019-05-24 03:59:05 | [diff] [blame] | 661 | statusCodeFragment.createChild('div', 'header-name').textContent = ls`Status Code` + |
| 662 | ': '; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 663 | statusCodeFragment.createChild('span', 'header-separator'); |
| 664 | |
Joel Einbinder | 7fbe24c | 2019-01-24 05:19:01 | [diff] [blame] | 665 | const statusCodeImage = statusCodeFragment.createChild('span', 'resource-status-image', 'dt-icon-label'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 666 | statusCodeImage.title = this._request.statusCode + ' ' + this._request.statusText; |
| 667 | |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 668 | if (this._request.statusCode < 300 || this._request.statusCode === 304) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 669 | statusCodeImage.type = 'smallicon-green-ball'; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 670 | } else if (this._request.statusCode < 400) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 671 | statusCodeImage.type = 'smallicon-orange-ball'; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 672 | } else { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 673 | statusCodeImage.type = 'smallicon-red-ball'; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 674 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 675 | |
Tsuyoshi Horo | 41dcffd | 2019-05-24 03:59:05 | [diff] [blame] | 676 | requestMethodElement.title = this._formatHeader(ls`Request Method`, this._request.requestMethod); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 677 | |
| 678 | const statusTextElement = statusCodeFragment.createChild('div', 'header-value source-code'); |
| 679 | let statusText = this._request.statusCode + ' ' + this._request.statusText; |
Ben Kelly | 0375f50 | 2018-09-11 17:05:50 | [diff] [blame] | 680 | if (this._request.cachedInMemory()) { |
Tsuyoshi Horo | 41dcffd | 2019-05-24 03:59:05 | [diff] [blame] | 681 | statusText += ' ' + ls`(from memory cache)`; |
Ben Kelly | 0375f50 | 2018-09-11 17:05:50 | [diff] [blame] | 682 | statusTextElement.classList.add('status-from-cache'); |
| 683 | } else if (this._request.fetchedViaServiceWorker) { |
Tsuyoshi Horo | 41dcffd | 2019-05-24 03:59:05 | [diff] [blame] | 684 | statusText += ' ' + ls`(from ServiceWorker)`; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 685 | statusTextElement.classList.add('status-from-cache'); |
Tsuyoshi Horo | 8f6a2b1 | 2018-10-01 22:24:03 | [diff] [blame] | 686 | } else if ( |
| 687 | this._request.redirectSource() && this._request.redirectSource().signedExchangeInfo() && |
| 688 | !this._request.redirectSource().signedExchangeInfo().errors) { |
Tsuyoshi Horo | 41dcffd | 2019-05-24 03:59:05 | [diff] [blame] | 689 | statusText += ' ' + ls`(from signed-exchange)`; |
| 690 | statusTextElement.classList.add('status-from-cache'); |
| 691 | } else if (this._request.fromPrefetchCache()) { |
| 692 | statusText += ' ' + ls`(from prefetch cache)`; |
Tsuyoshi Horo | 02266c3 | 2018-05-21 17:01:18 | [diff] [blame] | 693 | statusTextElement.classList.add('status-from-cache'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 694 | } else if (this._request.cached()) { |
Tsuyoshi Horo | 41dcffd | 2019-05-24 03:59:05 | [diff] [blame] | 695 | statusText += ' ' + ls`(from disk cache)`; |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 696 | statusTextElement.classList.add('status-from-cache'); |
| 697 | } |
| 698 | statusTextElement.textContent = statusText; |
| 699 | |
| 700 | statusCodeElement.title = statusCodeFragment; |
| 701 | } |
| 702 | } |
| 703 | |
| 704 | /** |
| 705 | * @param {string} title |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 706 | * @param {!UI.TreeOutline.TreeElement} headersTreeElement |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 707 | * @param {number} headersLength |
| 708 | */ |
| 709 | _refreshHeadersTitle(title, headersTreeElement, headersLength) { |
| 710 | headersTreeElement.listItemElement.removeChildren(); |
Amanda Baker | 2e19a1b | 2019-10-25 00:41:02 | [diff] [blame] | 711 | headersTreeElement.listItemElement.createChild('div', 'selection fill'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 712 | headersTreeElement.listItemElement.createTextChild(title); |
| 713 | |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 714 | const headerCount = Common.UIString.UIString('\xA0(%d)', headersLength); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 715 | headersTreeElement.listItemElement.createChild('span', 'header-count').textContent = headerCount; |
| 716 | } |
| 717 | |
| 718 | /** |
| 719 | * @param {string} title |
| 720 | * @param {!Array.<!SDK.NetworkRequest.NameValue>} headers |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 721 | * @param {!UI.TreeOutline.TreeElement} headersTreeElement |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 722 | * @param {boolean=} provisionalHeaders |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 723 | * @param {!Array<!SDK.NetworkRequest.BlockedSetCookieWithReason>=} blockedResponseCookies |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 724 | */ |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 725 | _refreshHeaders(title, headers, headersTreeElement, provisionalHeaders, blockedResponseCookies) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 726 | headersTreeElement.removeChildren(); |
| 727 | |
| 728 | const length = headers.length; |
| 729 | this._refreshHeadersTitle(title, headersTreeElement, length); |
| 730 | |
| 731 | if (provisionalHeaders) { |
Joey Arhar | a613f91 | 2020-01-17 22:46:57 | [diff] [blame] | 732 | let cautionText; |
| 733 | let cautionTitle = ''; |
| 734 | if (this._request.cachedInMemory() || this._request.cached()) { |
| 735 | cautionText = ls`Provisional headers are shown. Disable cache to see full headers.`; |
| 736 | cautionTitle = ls |
| 737 | `Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn't store the original request headers. Disable cache to see full request headers.`; |
| 738 | } else { |
| 739 | cautionText = ls`Provisional headers are shown`; |
| 740 | } |
| 741 | const cautionElement = createElement('div'); |
| 742 | cautionElement.title = cautionTitle; |
| 743 | cautionElement.createChild('span', '', 'dt-icon-label').type = 'smallicon-warning'; |
| 744 | cautionElement.createChild('div', 'caution').textContent = cautionText; |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 745 | const cautionTreeElement = new UI.TreeOutline.TreeElement(cautionElement); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 746 | headersTreeElement.appendChild(cautionTreeElement); |
| 747 | } |
| 748 | |
Joey Arhar | 41a5fad | 2019-09-13 22:18:45 | [diff] [blame] | 749 | /** @type {!Map<string, !Array<!Protocol.Network.SetCookieBlockedReason>>} */ |
| 750 | const blockedCookieLineToReasons = new Map(); |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 751 | if (blockedResponseCookies) { |
| 752 | blockedResponseCookies.forEach(blockedCookie => { |
Joey Arhar | 41a5fad | 2019-09-13 22:18:45 | [diff] [blame] | 753 | blockedCookieLineToReasons.set(blockedCookie.cookieLine, blockedCookie.blockedReasons); |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 754 | }); |
| 755 | } |
| 756 | |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 757 | headersTreeElement.hidden = !length && !provisionalHeaders; |
| 758 | for (let i = 0; i < length; ++i) { |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 759 | const headerTreeElement = new UI.TreeOutline.TreeElement(this._formatHeaderObject(headers[i])); |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 760 | headerTreeElement[_headerNameSymbol] = headers[i].name; |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 761 | |
| 762 | if (headers[i].name.toLowerCase() === 'set-cookie') { |
Joey Arhar | 41a5fad | 2019-09-13 22:18:45 | [diff] [blame] | 763 | const matchingBlockedReasons = blockedCookieLineToReasons.get(headers[i].value); |
| 764 | if (matchingBlockedReasons) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 765 | const icon = UI.Icon.Icon.create('smallicon-warning', ''); |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 766 | headerTreeElement.listItemElement.appendChild(icon); |
Joey Arhar | 41a5fad | 2019-09-13 22:18:45 | [diff] [blame] | 767 | |
| 768 | let titleText = ''; |
| 769 | for (const blockedReason of matchingBlockedReasons) { |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 770 | if (titleText) { |
Joey Arhar | 41a5fad | 2019-09-13 22:18:45 | [diff] [blame] | 771 | titleText += '\n'; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 772 | } |
Joey Arhar | 41a5fad | 2019-09-13 22:18:45 | [diff] [blame] | 773 | titleText += SDK.NetworkRequest.setCookieBlockedReasonToUiString(blockedReason); |
| 774 | } |
| 775 | icon.title = titleText; |
Joey Arhar | 7199a94 | 2019-09-10 22:37:39 | [diff] [blame] | 776 | } |
| 777 | } |
| 778 | |
| 779 | headersTreeElement.appendChild(headerTreeElement); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 780 | } |
| 781 | } |
| 782 | |
| 783 | /** |
| 784 | * @param {string} title |
| 785 | * @param {number} count |
| 786 | * @param {string} headersText |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 787 | * @param {!UI.TreeOutline.TreeElement} headersTreeElement |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 788 | */ |
| 789 | _refreshHeadersText(title, count, headersText, headersTreeElement) { |
| 790 | this._populateTreeElementWithSourceText(headersTreeElement, headersText); |
| 791 | this._refreshHeadersTitle(title, headersTreeElement, count); |
| 792 | } |
| 793 | |
| 794 | _refreshRemoteAddress() { |
| 795 | const remoteAddress = this._request.remoteAddress(); |
| 796 | const treeElement = this._remoteAddressItem; |
| 797 | treeElement.hidden = !remoteAddress; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 798 | if (remoteAddress) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 799 | treeElement.title = this._formatHeader(Common.UIString.UIString('Remote Address'), remoteAddress); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 800 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 801 | } |
| 802 | |
| 803 | _refreshReferrerPolicy() { |
| 804 | const referrerPolicy = this._request.referrerPolicy(); |
| 805 | const treeElement = this._referrerPolicyItem; |
| 806 | treeElement.hidden = !referrerPolicy; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 807 | if (referrerPolicy) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 808 | treeElement.title = this._formatHeader(Common.UIString.UIString('Referrer Policy'), referrerPolicy); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 809 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 810 | } |
| 811 | |
| 812 | /** |
| 813 | * @param {!Event} event |
| 814 | */ |
| 815 | _toggleRequestHeadersText(event) { |
| 816 | this._showRequestHeadersText = !this._showRequestHeadersText; |
| 817 | this._refreshRequestHeaders(); |
| 818 | event.consume(); |
| 819 | } |
| 820 | |
| 821 | /** |
| 822 | * @param {!Event} event |
| 823 | */ |
| 824 | _toggleResponseHeadersText(event) { |
| 825 | this._showResponseHeadersText = !this._showResponseHeadersText; |
| 826 | this._refreshResponseHeaders(); |
| 827 | event.consume(); |
| 828 | } |
| 829 | |
| 830 | /** |
| 831 | * @param {string} title |
| 832 | * @return {!Element} |
| 833 | */ |
| 834 | _createToggleButton(title) { |
Tim van der Lippe | f49e232 | 2020-05-01 15:03:09 | [diff] [blame] | 835 | const button = document.createElement('span'); |
| 836 | button.classList.add('header-toggle'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 837 | button.textContent = title; |
| 838 | return button; |
| 839 | } |
| 840 | |
| 841 | /** |
| 842 | * @param {boolean} isHeadersTextShown |
| 843 | * @return {!Element} |
| 844 | */ |
| 845 | _createHeadersToggleButton(isHeadersTextShown) { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 846 | const toggleTitle = |
| 847 | isHeadersTextShown ? Common.UIString.UIString('view parsed') : Common.UIString.UIString('view source'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 848 | return this._createToggleButton(toggleTitle); |
| 849 | } |
| 850 | |
| 851 | _clearHighlight() { |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 852 | if (this._highlightedElement) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 853 | this._highlightedElement.listItemElement.classList.remove('header-highlight'); |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 854 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 855 | this._highlightedElement = null; |
| 856 | } |
| 857 | |
| 858 | |
| 859 | /** |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 860 | * @param {?UI.TreeOutline.TreeElement} category |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 861 | * @param {string} name |
| 862 | */ |
| 863 | _revealAndHighlight(category, name) { |
| 864 | this._clearHighlight(); |
| 865 | for (const element of category.children()) { |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 866 | if (element[_headerNameSymbol] !== name) { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 867 | continue; |
Tim van der Lippe | 1d6e57a | 2019-09-30 11:55:34 | [diff] [blame] | 868 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 869 | this._highlightedElement = element; |
| 870 | element.reveal(); |
| 871 | element.listItemElement.classList.add('header-highlight'); |
| 872 | return; |
| 873 | } |
| 874 | } |
| 875 | |
| 876 | /** |
| 877 | * @param {string} header |
| 878 | */ |
| 879 | revealRequestHeader(header) { |
| 880 | this._revealAndHighlight(this._requestHeadersCategory, header); |
| 881 | } |
| 882 | |
| 883 | /** |
| 884 | * @param {string} header |
| 885 | */ |
| 886 | revealResponseHeader(header) { |
| 887 | this._revealAndHighlight(this._responseHeadersCategory, header); |
| 888 | } |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 889 | } |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 890 | |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 891 | export const _headerNameSymbol = Symbol('HeaderName'); |
| 892 | export const _viewSourceSymbol = Symbol('ViewSource'); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 893 | |
| 894 | /** |
| 895 | * @unrestricted |
| 896 | */ |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 897 | export class Category extends UI.TreeOutline.TreeElement { |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 898 | /** |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 899 | * @param {!UI.TreeOutline.TreeOutline} root |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 900 | * @param {string} name |
| 901 | * @param {string=} title |
| 902 | */ |
| 903 | constructor(root, name, title) { |
| 904 | super(title || '', true); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 905 | this.toggleOnClick = true; |
| 906 | this.hidden = true; |
Paul Lewis | 2d7d65c | 2020-03-16 17:26:30 | [diff] [blame] | 907 | this._expandedSetting = |
| 908 | Common.Settings.Settings.instance().createSetting('request-info-' + name + '-category-expanded', true); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 909 | this.expanded = this._expandedSetting.get(); |
| 910 | root.appendChild(this); |
| 911 | } |
| 912 | |
| 913 | /** |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 914 | * @return {!UI.TreeOutline.TreeElement} |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 915 | */ |
| 916 | createLeaf() { |
Tim van der Lippe | 0ed1d2b | 2020-02-04 13:45:13 | [diff] [blame] | 917 | const leaf = new UI.TreeOutline.TreeElement(); |
Blink Reformat | 4c46d09 | 2018-04-07 15:32:37 | [diff] [blame] | 918 | this.appendChild(leaf); |
| 919 | return leaf; |
| 920 | } |
| 921 | |
| 922 | /** |
| 923 | * @override |
| 924 | */ |
| 925 | onexpand() { |
| 926 | this._expandedSetting.set(true); |
| 927 | } |
| 928 | |
| 929 | /** |
| 930 | * @override |
| 931 | */ |
| 932 | oncollapse() { |
| 933 | this._expandedSetting.set(false); |
| 934 | } |
Paul Lewis | 5650965 | 2019-12-06 12:51:58 | [diff] [blame] | 935 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 936 | |
| 937 | |
| 938 | const BlockedReasonDetails = new Map([ |
| 939 | [ |
| 940 | Protocol.Network.BlockedReason.CoepFrameResourceNeedsCoepHeader, { |
| 941 | name: 'cross-origin-embedder-policy', |
| 942 | value: null, |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 943 | details: { |
| 944 | explanation: |
| 945 | ls |
| 946 | `To embed this frame in your document, the response needs to enable the cross-origin embedder policy by specifying the following response header:`, |
Sigurd Schneider | eaadca1 | 2020-03-10 13:50:40 | [diff] [blame] | 947 | examples: [{codeSnippet:'Cross-Origin-Embedder-Policy: require-corp'}], |
| 948 | link: {url: 'https://web.dev/coop-coep/'} |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 949 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 950 | } |
| 951 | ], |
| 952 | [ |
| 953 | Protocol.Network.BlockedReason.CorpNotSameOriginAfterDefaultedToSameOriginByCoep, { |
| 954 | name: 'cross-origin-resource-policy', |
| 955 | value: null, |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 956 | details: { |
| 957 | explanation: |
| 958 | ls |
| 959 | `To use this resource from a different origin, the server needs to specify a cross-origin resource policy in the response headers:`, |
| 960 | examples: [ |
| 961 | {codeSnippet:'Cross-Origin-Resource-Policy: same-site', comment: ls`Choose this option if the resource and the document are served from the same site.` }, |
| 962 | {codeSnippet:'Cross-Origin-Resource-Policy: cross-origin', comment: ls`Only choose this option if an arbitrary website including this resource does not impose a security risk.` }, |
Sigurd Schneider | eaadca1 | 2020-03-10 13:50:40 | [diff] [blame] | 963 | ], |
| 964 | link: {url: 'https://web.dev/coop-coep/'} |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 965 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 966 | } |
| 967 | ], |
| 968 | [ |
| 969 | Protocol.Network.BlockedReason.CoopSandboxedIframeCannotNavigateToCoopPage, { |
| 970 | name: 'cross-origin-opener-policy', |
| 971 | value: null, |
| 972 | headerValueIncorrect: false, |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 973 | details: { |
| 974 | explanation: |
| 975 | ls |
| 976 | `This document was blocked from loading in an iframe with a sandbox attribute because this document specified a cross-origin opener policy.`, |
Sigurd Schneider | eaadca1 | 2020-03-10 13:50:40 | [diff] [blame] | 977 | examples: [], |
| 978 | link: {url: 'https://web.dev/coop-coep/'} |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 979 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 980 | } |
| 981 | ], |
| 982 | [ |
| 983 | Protocol.Network.BlockedReason.CorpNotSameSite, { |
| 984 | name: 'cross-origin-resource-policy', |
| 985 | value: null, |
| 986 | headerValueIncorrect: true, |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 987 | details: { |
| 988 | explanation: |
| 989 | ls |
| 990 | `To use this resource from a different site, the server may relax the cross-origin resource policy response header:`, |
| 991 | examples: [ |
| 992 | {codeSnippet:'Cross-Origin-Resource-Policy: cross-origin', comment: ls`Only choose this option if an arbitrary website including this resource does not impose a security risk.` }, |
| 993 | ] |
| 994 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 995 | } |
| 996 | ], |
| 997 | [ |
| 998 | Protocol.Network.BlockedReason.CorpNotSameOrigin, { |
| 999 | name: 'cross-origin-resource-policy', |
| 1000 | value: null, |
| 1001 | headerValueIncorrect: true, |
Sigurd Schneider | cae7b53 | 2020-03-06 11:20:06 | [diff] [blame] | 1002 | details: { |
| 1003 | explanation: |
| 1004 | ls |
| 1005 | `To use this resource from a different origin, the server may relax the cross-origin resource policy response header:`, |
| 1006 | examples: [ |
| 1007 | {codeSnippet:'Cross-Origin-Resource-Policy: same-site', comment: ls`Choose this option if the resource and the document are served from the same site.` }, |
| 1008 | {codeSnippet:'Cross-Origin-Resource-Policy: cross-origin', comment: ls`Only choose this option if an arbitrary website including this resource does not impose a security risk.` }, |
| 1009 | ] |
| 1010 | } |
Sigurd Schneider | a2afe0b | 2020-03-03 15:27:13 | [diff] [blame] | 1011 | } |
| 1012 | ], |
| 1013 | ]); |