277 lines
12 KiB
JavaScript
277 lines
12 KiB
JavaScript
|
/*
|
||
|
|
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
|
||
|
|
* Copyright (C) IBM Corp. 2009 All rights reserved.
|
||
|
|
* Copyright (C) 2010 Google Inc. All rights reserved.
|
||
|
|
*
|
||
|
|
* Redistribution and use in source and binary forms, with or without
|
||
|
|
* modification, are permitted provided that the following conditions
|
||
|
|
* are met:
|
||
|
|
*
|
||
|
|
* 1. Redistributions of source code must retain the above copyright
|
||
|
|
* notice, this list of conditions and the following disclaimer.
|
||
|
|
* 2. Redistributions in binary form must reproduce the above copyright
|
||
|
|
* notice, this list of conditions and the following disclaimer in the
|
||
|
|
* documentation and/or other materials provided with the distribution.
|
||
|
|
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
|
||
|
|
* its contributors may be used to endorse or promote products derived
|
||
|
|
* from this software without specific prior written permission.
|
||
|
|
*
|
||
|
|
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
|
||
|
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||
|
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||
|
|
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
|
||
|
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||
|
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||
|
|
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
||
|
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
|
||
|
|
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
|
|
*/
|
||
|
|
|
||
|
|
WebInspector.ResourceHeadersView = function(resource)
|
||
|
|
{
|
||
|
|
WebInspector.View.call(this);
|
||
|
|
this.element.addStyleClass("resource-headers-view");
|
||
|
|
|
||
|
|
this._resource = resource;
|
||
|
|
|
||
|
|
this._headersListElement = document.createElement("ol");
|
||
|
|
this._headersListElement.className = "outline-disclosure";
|
||
|
|
this.element.appendChild(this._headersListElement);
|
||
|
|
|
||
|
|
this._headersTreeOutline = new TreeOutline(this._headersListElement);
|
||
|
|
this._headersTreeOutline.expandTreeElementsWhenArrowing = true;
|
||
|
|
|
||
|
|
this._urlTreeElement = new TreeElement("", null, false);
|
||
|
|
this._urlTreeElement.selectable = false;
|
||
|
|
this._headersTreeOutline.appendChild(this._urlTreeElement);
|
||
|
|
|
||
|
|
this._requestMethodTreeElement = new TreeElement("", null, false);
|
||
|
|
this._requestMethodTreeElement.selectable = false;
|
||
|
|
this._headersTreeOutline.appendChild(this._requestMethodTreeElement);
|
||
|
|
|
||
|
|
this._statusCodeTreeElement = new TreeElement("", null, false);
|
||
|
|
this._statusCodeTreeElement.selectable = false;
|
||
|
|
this._headersTreeOutline.appendChild(this._statusCodeTreeElement);
|
||
|
|
|
||
|
|
this._requestHeadersTreeElement = new TreeElement("", null, true);
|
||
|
|
this._requestHeadersTreeElement.expanded = true;
|
||
|
|
this._requestHeadersTreeElement.selectable = false;
|
||
|
|
this._headersTreeOutline.appendChild(this._requestHeadersTreeElement);
|
||
|
|
|
||
|
|
this._decodeHover = WebInspector.UIString("Double-Click to toggle between URL encoded and decoded formats");
|
||
|
|
this._decodeRequestParameters = true;
|
||
|
|
|
||
|
|
this._queryStringTreeElement = new TreeElement("", null, true);
|
||
|
|
this._queryStringTreeElement.expanded = true;
|
||
|
|
this._queryStringTreeElement.selectable = false;
|
||
|
|
this._queryStringTreeElement.hidden = true;
|
||
|
|
this._headersTreeOutline.appendChild(this._queryStringTreeElement);
|
||
|
|
|
||
|
|
this._formDataTreeElement = new TreeElement("", null, true);
|
||
|
|
this._formDataTreeElement.expanded = true;
|
||
|
|
this._formDataTreeElement.selectable = false;
|
||
|
|
this._formDataTreeElement.hidden = true;
|
||
|
|
this._headersTreeOutline.appendChild(this._formDataTreeElement);
|
||
|
|
|
||
|
|
this._requestPayloadTreeElement = new TreeElement(WebInspector.UIString("Request Payload"), null, true);
|
||
|
|
this._requestPayloadTreeElement.expanded = true;
|
||
|
|
this._requestPayloadTreeElement.selectable = false;
|
||
|
|
this._requestPayloadTreeElement.hidden = true;
|
||
|
|
this._headersTreeOutline.appendChild(this._requestPayloadTreeElement);
|
||
|
|
|
||
|
|
this._responseHeadersTreeElement = new TreeElement("", null, true);
|
||
|
|
this._responseHeadersTreeElement.expanded = true;
|
||
|
|
this._responseHeadersTreeElement.selectable = false;
|
||
|
|
this._headersTreeOutline.appendChild(this._responseHeadersTreeElement);
|
||
|
|
|
||
|
|
resource.addEventListener("requestHeaders changed", this._refreshRequestHeaders, this);
|
||
|
|
resource.addEventListener("responseHeaders changed", this._refreshResponseHeaders, this);
|
||
|
|
resource.addEventListener("finished", this._refreshHTTPInformation, this);
|
||
|
|
|
||
|
|
this._refreshURL();
|
||
|
|
this._refreshQueryString();
|
||
|
|
this._refreshRequestHeaders();
|
||
|
|
this._refreshResponseHeaders();
|
||
|
|
this._refreshHTTPInformation();
|
||
|
|
}
|
||
|
|
|
||
|
|
WebInspector.ResourceHeadersView.prototype = {
|
||
|
|
|
||
|
|
_refreshURL: function()
|
||
|
|
{
|
||
|
|
this._urlTreeElement.titleHTML = "<div class=\"header-name\">" + WebInspector.UIString("Request URL") + ":</div>" +
|
||
|
|
"<div class=\"header-value source-code\">" + this._resource.url.escapeHTML() + "</div>";
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshQueryString: function()
|
||
|
|
{
|
||
|
|
var queryParameters = this._resource.queryParameters;
|
||
|
|
this._queryStringTreeElement.hidden = !queryParameters;
|
||
|
|
if (queryParameters)
|
||
|
|
this._refreshParms(WebInspector.UIString("Query String Parameters"), queryParameters, this._queryStringTreeElement);
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshFormData: function()
|
||
|
|
{
|
||
|
|
this._formDataTreeElement.hidden = true;
|
||
|
|
this._requestPayloadTreeElement.hidden = true;
|
||
|
|
|
||
|
|
var formData = this._resource.requestFormData;
|
||
|
|
if (!formData)
|
||
|
|
return;
|
||
|
|
|
||
|
|
var formParameters = this._resource.formParameters;
|
||
|
|
if (formParameters) {
|
||
|
|
this._formDataTreeElement.hidden = false;
|
||
|
|
this._refreshParms(WebInspector.UIString("Form Data"), formParameters, this._formDataTreeElement);
|
||
|
|
} else {
|
||
|
|
this._requestPayloadTreeElement.hidden = false;
|
||
|
|
this._refreshRequestPayload(formData);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshRequestPayload: function(formData)
|
||
|
|
{
|
||
|
|
this._requestPayloadTreeElement.removeChildren();
|
||
|
|
|
||
|
|
var title = "<div class=\"raw-form-data header-value source-code\">" + formData.escapeHTML() + "</div>";
|
||
|
|
var parmTreeElement = new TreeElement(null, null, false);
|
||
|
|
parmTreeElement.titleHTML = title;
|
||
|
|
parmTreeElement.selectable = false;
|
||
|
|
this._requestPayloadTreeElement.appendChild(parmTreeElement);
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshParms: function(title, parms, parmsTreeElement)
|
||
|
|
{
|
||
|
|
parmsTreeElement.removeChildren();
|
||
|
|
|
||
|
|
parmsTreeElement.titleHTML = title + "<span class=\"header-count\">" + WebInspector.UIString(" (%d)", parms.length) + "</span>";
|
||
|
|
|
||
|
|
for (var i = 0; i < parms.length; ++i) {
|
||
|
|
var name = parms[i].name;
|
||
|
|
var value = parms[i].value;
|
||
|
|
|
||
|
|
var errorDecoding = false;
|
||
|
|
if (this._decodeRequestParameters) {
|
||
|
|
if (value.indexOf("%") >= 0) {
|
||
|
|
try {
|
||
|
|
value = decodeURIComponent(value);
|
||
|
|
} catch(e) {
|
||
|
|
errorDecoding = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
value = value.replace(/\+/g, " ");
|
||
|
|
}
|
||
|
|
|
||
|
|
valueEscaped = value.escapeHTML();
|
||
|
|
if (errorDecoding)
|
||
|
|
valueEscaped += " <span class=\"error-message\">" + WebInspector.UIString("(unable to decode value)").escapeHTML() + "</span>";
|
||
|
|
|
||
|
|
var title = "<div class=\"header-name\">" + name.escapeHTML() + ":</div>";
|
||
|
|
title += "<div class=\"header-value source-code\">" + valueEscaped + "</div>";
|
||
|
|
|
||
|
|
var parmTreeElement = new TreeElement(null, null, false);
|
||
|
|
parmTreeElement.titleHTML = title;
|
||
|
|
parmTreeElement.selectable = false;
|
||
|
|
parmTreeElement.tooltip = this._decodeHover;
|
||
|
|
parmTreeElement.ondblclick = this._toggleURLdecoding.bind(this);
|
||
|
|
parmsTreeElement.appendChild(parmTreeElement);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_toggleURLdecoding: function(event)
|
||
|
|
{
|
||
|
|
this._decodeRequestParameters = !this._decodeRequestParameters;
|
||
|
|
this._refreshQueryString();
|
||
|
|
this._refreshFormData();
|
||
|
|
},
|
||
|
|
|
||
|
|
_getHeaderValue: function(headers, key)
|
||
|
|
{
|
||
|
|
var lowerKey = key.toLowerCase();
|
||
|
|
for (var testKey in headers) {
|
||
|
|
if (testKey.toLowerCase() === lowerKey)
|
||
|
|
return headers[testKey];
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshRequestHeaders: function()
|
||
|
|
{
|
||
|
|
var additionalRow = null;
|
||
|
|
if (typeof this._resource.webSocketRequestKey3 !== "undefined")
|
||
|
|
additionalRow = {header: "(Key3)", value: this._resource.webSocketRequestKey3};
|
||
|
|
this._refreshHeaders(WebInspector.UIString("Request Headers"), this._resource.sortedRequestHeaders, additionalRow, this._requestHeadersTreeElement);
|
||
|
|
this._refreshFormData();
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshResponseHeaders: function()
|
||
|
|
{
|
||
|
|
var additionalRow = null;
|
||
|
|
if (typeof this._resource.webSocketChallengeResponse !== "undefined")
|
||
|
|
additionalRow = {header: "(Challenge Response)", value: this._resource.webSocketChallengeResponse};
|
||
|
|
this._refreshHeaders(WebInspector.UIString("Response Headers"), this._resource.sortedResponseHeaders, additionalRow, this._responseHeadersTreeElement);
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshHTTPInformation: function()
|
||
|
|
{
|
||
|
|
var requestMethodElement = this._requestMethodTreeElement;
|
||
|
|
requestMethodElement.hidden = !this._resource.statusCode;
|
||
|
|
var statusCodeElement = this._statusCodeTreeElement;
|
||
|
|
statusCodeElement.hidden = !this._resource.statusCode;
|
||
|
|
var statusCodeImage = "";
|
||
|
|
|
||
|
|
if (this._resource.statusCode) {
|
||
|
|
var statusImageSource = "";
|
||
|
|
if (this._resource.statusCode < 300 || this._resource.statusCode === 304)
|
||
|
|
statusImageSource = "Images/successGreenDot.png";
|
||
|
|
else if (this._resource.statusCode < 400)
|
||
|
|
statusImageSource = "Images/warningOrangeDot.png";
|
||
|
|
else
|
||
|
|
statusImageSource = "Images/errorRedDot.png";
|
||
|
|
|
||
|
|
var statusTextEscaped = this._resource.statusCode + " " + this._resource.statusText.escapeHTML();
|
||
|
|
statusCodeImage = "<img class=\"resource-status-image\" src=\"" + statusImageSource + "\" title=\"" + statusTextEscaped + "\">";
|
||
|
|
|
||
|
|
requestMethodElement.titleHTML = "<div class=\"header-name\">" + WebInspector.UIString("Request Method") + ":</div>" +
|
||
|
|
"<div class=\"header-value source-code\">" + this._resource.requestMethod + "</div>";
|
||
|
|
|
||
|
|
statusCodeElement.titleHTML = "<div class=\"header-name\">" + WebInspector.UIString("Status Code") + ":</div>" +
|
||
|
|
statusCodeImage + "<div class=\"header-value source-code\">" + statusTextEscaped + "</div>";
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshHeaders: function(title, headers, additionalRow, headersTreeElement)
|
||
|
|
{
|
||
|
|
headersTreeElement.removeChildren();
|
||
|
|
|
||
|
|
var length = headers.length;
|
||
|
|
headersTreeElement.titleHTML = title.escapeHTML() + "<span class=\"header-count\">" + WebInspector.UIString(" (%d)", length) + "</span>";
|
||
|
|
headersTreeElement.hidden = !length;
|
||
|
|
|
||
|
|
var length = headers.length;
|
||
|
|
for (var i = 0; i < length; ++i) {
|
||
|
|
var title = "<div class=\"header-name\">" + headers[i].header.escapeHTML() + ":</div>";
|
||
|
|
title += "<div class=\"header-value source-code\">" + headers[i].value.escapeHTML() + "</div>"
|
||
|
|
|
||
|
|
var headerTreeElement = new TreeElement(null, null, false);
|
||
|
|
headerTreeElement.titleHTML = title;
|
||
|
|
headerTreeElement.selectable = false;
|
||
|
|
headersTreeElement.appendChild(headerTreeElement);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (additionalRow) {
|
||
|
|
var title = "<div class=\"header-name\">" + additionalRow.header.escapeHTML() + ":</div>";
|
||
|
|
title += "<div class=\"header-value source-code\">" + additionalRow.value.escapeHTML() + "</div>"
|
||
|
|
|
||
|
|
var headerTreeElement = new TreeElement(null, null, false);
|
||
|
|
headerTreeElement.titleHTML = title;
|
||
|
|
headerTreeElement.selectable = false;
|
||
|
|
headersTreeElement.appendChild(headerTreeElement);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
WebInspector.ResourceHeadersView.prototype.__proto__ = WebInspector.View.prototype;
|