Software: Apache/2.2.16 (Debian). PHP/5.3.3-7+squeeze19 uname -a: Linux mail.tri-specialutilitydistrict.com 2.6.32-5-amd64 #1 SMP Tue May 13 16:34:35 UTC uid=33(www-data) gid=33(www-data) groups=33(www-data) Safe-mode: OFF (not secure) /usr/share/webkit-1.0/webinspector/ drwxr-xr-x | |
| Viewing file: Select action/file-type: /*
* Copyright (C) 2009 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:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * 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.
* * Neither the name of Google Inc. 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 THE COPYRIGHT HOLDERS AND 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 THE COPYRIGHT
* OWNER OR 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.TimelinePanel = function()
{
WebInspector.Panel.call(this);
this.element.addStyleClass("timeline");
this._overviewPane = new WebInspector.TimelineOverviewPane(this.categories);
this._overviewPane.addEventListener("window changed", this._windowChanged, this);
this._overviewPane.addEventListener("filter changed", this._refresh, this);
this.element.appendChild(this._overviewPane.element);
this.element.tabIndex = 0;
this._sidebarBackgroundElement = document.createElement("div");
this._sidebarBackgroundElement.className = "sidebar timeline-sidebar-background";
this.element.appendChild(this._sidebarBackgroundElement);
this._containerElement = document.createElement("div");
this._containerElement.id = "timeline-container";
this._containerElement.addEventListener("scroll", this._onScroll.bind(this), false);
this.element.appendChild(this._containerElement);
this.createSidebar(this._containerElement, this._containerElement);
var itemsTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("RECORDS"), {}, true);
itemsTreeElement.expanded = true;
this.sidebarTree.appendChild(itemsTreeElement);
this._sidebarListElement = document.createElement("div");
this.sidebarElement.appendChild(this._sidebarListElement);
this._containerContentElement = document.createElement("div");
this._containerContentElement.id = "resources-container-content";
this._containerElement.appendChild(this._containerContentElement);
this._timelineGrid = new WebInspector.TimelineGrid();
this._itemsGraphsElement = this._timelineGrid.itemsGraphsElement;
this._itemsGraphsElement.id = "timeline-graphs";
this._containerContentElement.appendChild(this._timelineGrid.element);
this._topGapElement = document.createElement("div");
this._topGapElement.className = "timeline-gap";
this._itemsGraphsElement.appendChild(this._topGapElement);
this._graphRowsElement = document.createElement("div");
this._itemsGraphsElement.appendChild(this._graphRowsElement);
this._bottomGapElement = document.createElement("div");
this._bottomGapElement.className = "timeline-gap";
this._itemsGraphsElement.appendChild(this._bottomGapElement);
this._createStatusbarButtons();
this._records = [];
this._sendRequestRecords = {};
this._timerRecords = {};
this._calculator = new WebInspector.TimelineCalculator();
this._boundariesAreValid = true;
this._scrollTop = 0;
this._popoverHelper = new WebInspector.PopoverHelper(this._containerElement, this._getPopoverAnchor.bind(this), this._showPopover.bind(this), true);
}
WebInspector.TimelinePanel.prototype = {
toolbarItemClass: "timeline",
get toolbarItemLabel()
{
return WebInspector.UIString("Timeline");
},
get statusBarItems()
{
return [this.toggleTimelineButton.element, this.clearButton.element];
},
get categories()
{
if (!this._categories) {
this._categories = {
loading: new WebInspector.TimelineCategory("loading", WebInspector.UIString("Loading"), "rgb(47,102,236)"),
scripting: new WebInspector.TimelineCategory("scripting", WebInspector.UIString("Scripting"), "rgb(157,231,119)"),
rendering: new WebInspector.TimelineCategory("rendering", WebInspector.UIString("Rendering"), "rgb(164,60,255)")
};
}
return this._categories;
},
get defaultFocusedElement()
{
return this.element;
},
get _recordStyles()
{
if (!this._recordStylesArray) {
var recordTypes = WebInspector.TimelineAgent.RecordType;
var recordStyles = {};
recordStyles[recordTypes.EventDispatch] = { title: WebInspector.UIString("Event"), category: this.categories.scripting };
recordStyles[recordTypes.Layout] = { title: WebInspector.UIString("Layout"), category: this.categories.rendering };
recordStyles[recordTypes.RecalculateStyles] = { title: WebInspector.UIString("Recalculate Style"), category: this.categories.rendering };
recordStyles[recordTypes.Paint] = { title: WebInspector.UIString("Paint"), category: this.categories.rendering };
recordStyles[recordTypes.ParseHTML] = { title: WebInspector.UIString("Parse"), category: this.categories.loading };
recordStyles[recordTypes.TimerInstall] = { title: WebInspector.UIString("Install Timer"), category: this.categories.scripting };
recordStyles[recordTypes.TimerRemove] = { title: WebInspector.UIString("Remove Timer"), category: this.categories.scripting };
recordStyles[recordTypes.TimerFire] = { title: WebInspector.UIString("Timer Fired"), category: this.categories.scripting };
recordStyles[recordTypes.XHRReadyStateChange] = { title: WebInspector.UIString("XHR Ready State Change"), category: this.categories.scripting };
recordStyles[recordTypes.XHRLoad] = { title: WebInspector.UIString("XHR Load"), category: this.categories.scripting };
recordStyles[recordTypes.EvaluateScript] = { title: WebInspector.UIString("Evaluate Script"), category: this.categories.scripting };
recordStyles[recordTypes.MarkTimeline] = { title: WebInspector.UIString("Mark"), category: this.categories.scripting };
recordStyles[recordTypes.ResourceSendRequest] = { title: WebInspector.UIString("Send Request"), category: this.categories.loading };
recordStyles[recordTypes.ResourceReceiveResponse] = { title: WebInspector.UIString("Receive Response"), category: this.categories.loading };
recordStyles[recordTypes.ResourceFinish] = { title: WebInspector.UIString("Finish Loading"), category: this.categories.loading };
recordStyles[recordTypes.FunctionCall] = { title: WebInspector.UIString("Function Call"), category: this.categories.scripting };
this._recordStylesArray = recordStyles;
}
return this._recordStylesArray;
},
_createStatusbarButtons: function()
{
this.toggleTimelineButton = new WebInspector.StatusBarButton("", "record-profile-status-bar-item");
this.toggleTimelineButton.addEventListener("click", this._toggleTimelineButtonClicked.bind(this), false);
this.clearButton = new WebInspector.StatusBarButton("", "timeline-clear-status-bar-item");
this.clearButton.addEventListener("click", this.reset.bind(this), false);
},
_toggleTimelineButtonClicked: function()
{
if (this.toggleTimelineButton.toggled)
InspectorBackend.stopTimelineProfiler();
else
InspectorBackend.startTimelineProfiler();
},
timelineWasStarted: function()
{
this.toggleTimelineButton.toggled = true;
},
timelineWasStopped: function()
{
this.toggleTimelineButton.toggled = false;
},
addRecordToTimeline: function(record)
{
this._innerAddRecordToTimeline(record, this._records);
this._scheduleRefresh();
},
_innerAddRecordToTimeline: function(record, collection)
{
var formattedRecord = new WebInspector.TimelinePanel.FormattedRecord(record, this._recordStyles, this._sendRequestRecords, this._timerRecords);
// Glue subsequent records with same category and title together if they are closer than 100ms to each other.
if (this._lastRecord && (!record.children || !record.children.length) &&
this._lastRecord.category == formattedRecord.category &&
this._lastRecord.title == formattedRecord.title &&
this._lastRecord.details == formattedRecord.details &&
this._lastRecord.callerScriptName == formattedRecord.callerScriptName &&
this._lastRecord.callerScriptLine == formattedRecord.callerScriptLine &&
formattedRecord.startTime - this._lastRecord.endTime < 0.1) {
this._lastRecord.endTime = formattedRecord.endTime;
this._lastRecord.count++;
} else {
collection.push(formattedRecord);
for (var i = 0; record.children && i < record.children.length; ++i) {
if (!formattedRecord.children)
formattedRecord.children = [];
var formattedChild = this._innerAddRecordToTimeline(record.children[i], formattedRecord.children);
formattedChild.parent = formattedRecord;
}
this._lastRecord = record.children && record.children.length ? null : formattedRecord;
}
return formattedRecord;
},
setSidebarWidth: function(width)
{
WebInspector.Panel.prototype.setSidebarWidth.call(this, width);
this._sidebarBackgroundElement.style.width = width + "px";
this._overviewPane.setSidebarWidth(width);
},
updateMainViewWidth: function(width)
{
this._containerContentElement.style.left = width + "px";
this._scheduleRefresh();
this._overviewPane.updateMainViewWidth(width);
},
resize: function() {
this._closeRecordDetails();
this._scheduleRefresh();
},
reset: function()
{
this._lastRecord = null;
this._sendRequestRecords = {};
this._timerRecords = {};
this._records = [];
this._boundariesAreValid = false;
this._overviewPane.reset();
this._adjustScrollPosition(0);
this._refresh();
this._closeRecordDetails();
},
show: function()
{
WebInspector.Panel.prototype.show.call(this);
if (typeof this._scrollTop === "number")
this._containerElement.scrollTop = this._scrollTop;
else if (this._needsRefresh)
this._refresh();
},
hide: function()
{
WebInspector.Panel.prototype.hide.call(this);
this._closeRecordDetails();
},
_onScroll: function(event)
{
this._closeRecordDetails();
var scrollTop = this._containerElement.scrollTop;
var dividersTop = Math.max(0, scrollTop);
this._timelineGrid.setScrollAndDividerTop(scrollTop, dividersTop);
this._scheduleRefresh(true);
},
_windowChanged: function()
{
this._closeRecordDetails();
this._scheduleRefresh();
},
_scheduleRefresh: function(preserveBoundaries)
{
if (preserveBoundaries)
this._closeRecordDetails();
this._boundariesAreValid &= preserveBoundaries;
if (this._needsRefresh)
return;
this._needsRefresh = true;
if (this.visible && !("_refreshTimeout" in this)) {
if (preserveBoundaries)
this._refresh();
else
this._refreshTimeout = setTimeout(this._refresh.bind(this), 100);
}
},
_refresh: function()
{
this._needsRefresh = false;
if ("_refreshTimeout" in this) {
clearTimeout(this._refreshTimeout);
delete this._refreshTimeout;
}
if (!this._boundariesAreValid)
this._overviewPane.update(this._records);
this._refreshRecords(!this._boundariesAreValid);
this._boundariesAreValid = true;
},
_refreshRecords: function(updateBoundaries)
{
if (updateBoundaries) {
this._calculator.reset();
this._calculator.windowLeft = this._overviewPane.windowLeft;
this._calculator.windowRight = this._overviewPane.windowRight;
for (var i = 0; i < this._records.length; ++i)
this._calculator.updateBoundaries(this._records[i]);
this._calculator.calculateWindow();
}
var recordsInWindow = [];
for (var i = 0; i < this._records.length; ++i) {
var record = this._records[i];
var percentages = this._calculator.computeBarGraphPercentages(record);
if (percentages.start < 100 && percentages.end >= 0 && !record.category.hidden)
this._addToRecordsWindow(record, recordsInWindow);
}
// Calculate the visible area.
this._scrollTop = this._containerElement.scrollTop;
var visibleTop = this._scrollTop;
var visibleBottom = visibleTop + this._containerElement.clientHeight;
// Define row height, should be in sync with styles for timeline graphs.
const rowHeight = 18;
const expandOffset = 15;
// Convert visible area to visible indexes. Always include top-level record for a visible nested record.
var startIndex = Math.max(0, Math.min(Math.floor(visibleTop / rowHeight) - 1, recordsInWindow.length - 1));
while (startIndex > 0 && recordsInWindow[startIndex].parent)
startIndex--;
var endIndex = Math.min(recordsInWindow.length, Math.ceil(visibleBottom / rowHeight));
while (endIndex < recordsInWindow.length - 1 && recordsInWindow[endIndex].parent)
endIndex++;
// Resize gaps first.
const top = (startIndex * rowHeight) + "px";
this._topGapElement.style.height = top;
this.sidebarElement.style.top = top;
this.sidebarResizeElement.style.top = top;
this._bottomGapElement.style.height = (recordsInWindow.length - endIndex) * rowHeight + "px";
// Update visible rows.
var listRowElement = this._sidebarListElement.firstChild;
var width = this._graphRowsElement.offsetWidth;
this._itemsGraphsElement.removeChild(this._graphRowsElement);
var graphRowElement = this._graphRowsElement.firstChild;
var scheduleRefreshCallback = this._scheduleRefresh.bind(this, true);
for (var i = startIndex; i < endIndex; ++i) {
var record = recordsInWindow[i];
var isEven = !(i % 2);
if (!listRowElement) {
listRowElement = new WebInspector.TimelineRecordListRow().element;
this._sidebarListElement.appendChild(listRowElement);
}
if (!graphRowElement) {
graphRowElement = new WebInspector.TimelineRecordGraphRow(this._itemsGraphsElement, scheduleRefreshCallback, rowHeight).element;
this._graphRowsElement.appendChild(graphRowElement);
}
listRowElement.row.update(record, isEven, this._calculator, visibleTop);
graphRowElement.row.update(record, isEven, this._calculator, width, expandOffset, i);
listRowElement = listRowElement.nextSibling;
graphRowElement = graphRowElement.nextSibling;
}
// Remove extra rows.
while (listRowElement) {
var nextElement = listRowElement.nextSibling;
listRowElement.row.dispose();
listRowElement = nextElement;
}
while (graphRowElement) {
var nextElement = graphRowElement.nextSibling;
graphRowElement.row.dispose();
graphRowElement = nextElement;
}
this._itemsGraphsElement.insertBefore(this._graphRowsElement, this._bottomGapElement);
this.sidebarResizeElement.style.height = this.sidebarElement.clientHeight + "px";
// Reserve some room for expand / collapse controls to the left for records that start at 0ms.
var timelinePaddingLeft = this._calculator.windowLeft === 0 ? expandOffset : 0;
if (updateBoundaries)
this._timelineGrid.updateDividers(true, this._calculator, timelinePaddingLeft);
this._adjustScrollPosition((recordsInWindow.length + 1) * rowHeight);
},
_addToRecordsWindow: function(record, recordsWindow)
{
recordsWindow.push(record);
if (!record.collapsed) {
var index = recordsWindow.length;
for (var i = 0; record.children && i < record.children.length; ++i)
this._addToRecordsWindow(record.children[i], recordsWindow);
record.visibleChildrenCount = recordsWindow.length - index;
}
},
_adjustScrollPosition: function(totalHeight)
{
// Prevent the container from being scrolled off the end.
if ((this._containerElement.scrollTop + this._containerElement.offsetHeight) > totalHeight + 1)
this._containerElement.scrollTop = (totalHeight - this._containerElement.offsetHeight);
},
_getPopoverAnchor: function(element)
{
return element.enclosingNodeOrSelfWithClass("timeline-graph-bar") || element.enclosingNodeOrSelfWithClass("timeline-tree-item");
},
_showPopover: function(anchor)
{
var record = anchor.row._record;
var popover = new WebInspector.Popover(record._generatePopupContent(this._calculator));
popover.show(anchor);
return popover;
},
_closeRecordDetails: function()
{
this._popoverHelper.hidePopup();
}
}
WebInspector.TimelinePanel.prototype.__proto__ = WebInspector.Panel.prototype;
WebInspector.TimelineCategory = function(name, title, color)
{
this.name = name;
this.title = title;
this.color = color;
}
WebInspector.TimelineCalculator = function()
{
this.reset();
this.windowLeft = 0.0;
this.windowRight = 1.0;
this._uiString = WebInspector.UIString.bind(WebInspector);
}
WebInspector.TimelineCalculator.prototype = {
computeBarGraphPercentages: function(record)
{
var start = (record.startTime - this.minimumBoundary) / this.boundarySpan * 100;
var end = (record.endTime - this.minimumBoundary) / this.boundarySpan * 100;
return {start: start, end: end};
},
calculateWindow: function()
{
this.minimumBoundary = this._absoluteMinimumBoundary + this.windowLeft * (this._absoluteMaximumBoundary - this._absoluteMinimumBoundary);
this.maximumBoundary = this._absoluteMinimumBoundary + this.windowRight * (this._absoluteMaximumBoundary - this._absoluteMinimumBoundary);
this.boundarySpan = this.maximumBoundary - this.minimumBoundary;
},
reset: function()
{
this._absoluteMinimumBoundary = -1;
this._absoluteMaximumBoundary = -1;
},
updateBoundaries: function(record)
{
var lowerBound = record.startTime;
if (this._absoluteMinimumBoundary === -1 || lowerBound < this._absoluteMinimumBoundary)
this._absoluteMinimumBoundary = lowerBound;
var upperBound = record.endTime;
if (this._absoluteMaximumBoundary === -1 || upperBound > this._absoluteMaximumBoundary)
this._absoluteMaximumBoundary = upperBound;
},
formatValue: function(value)
{
return Number.secondsToString(value + this.minimumBoundary - this._absoluteMinimumBoundary, this._uiString);
}
}
WebInspector.TimelineRecordListRow = function()
{
this.element = document.createElement("div");
this.element.row = this;
this.element.style.cursor = "pointer";
var iconElement = document.createElement("span");
iconElement.className = "timeline-tree-icon";
this.element.appendChild(iconElement);
this._typeElement = document.createElement("span");
this._typeElement.className = "type";
this.element.appendChild(this._typeElement);
var separatorElement = document.createElement("span");
separatorElement.className = "separator";
separatorElement.textContent = " ";
this._dataElement = document.createElement("span");
this._dataElement.className = "data dimmed";
this._repeatCountElement = document.createElement("span");
this._repeatCountElement.className = "count";
this.element.appendChild(separatorElement);
this.element.appendChild(this._dataElement);
this.element.appendChild(this._repeatCountElement);
}
WebInspector.TimelineRecordListRow.prototype = {
update: function(record, isEven, calculator, offset)
{
this._record = record;
this._calculator = calculator;
this._offset = offset;
this.element.className = "timeline-tree-item timeline-category-" + record.category.name + (isEven ? " even" : "");
this._typeElement.textContent = record.title;
if (record.details)
this._dataElement.textContent = "(" + record.details + ")";
else
this._dataElement.textContent = "";
if (record.count > 1)
this._repeatCountElement.textContent = "\u2009\u00d7\u2009" + record.count;
else
this._repeatCountElement.textContent = "";
},
dispose: function()
{
this.element.parentElement.removeChild(this.element);
}
}
WebInspector.TimelineRecordGraphRow = function(graphContainer, scheduleRefresh, rowHeight)
{
this.element = document.createElement("div");
this.element.row = this;
this._barAreaElement = document.createElement("div");
this._barAreaElement.className = "timeline-graph-bar-area";
this.element.appendChild(this._barAreaElement);
this._barElement = document.createElement("div");
this._barElement.className = "timeline-graph-bar";
this._barElement.row = this;
this._barAreaElement.appendChild(this._barElement);
this._expandElement = document.createElement("div");
this._expandElement.className = "timeline-expandable";
graphContainer.appendChild(this._expandElement);
var leftBorder = document.createElement("div");
leftBorder.className = "timeline-expandable-left";
this._expandElement.appendChild(leftBorder);
this._expandElement.addEventListener("click", this._onClick.bind(this));
this._rowHeight = rowHeight;
this._scheduleRefresh = scheduleRefresh;
}
WebInspector.TimelineRecordGraphRow.prototype = {
update: function(record, isEven, calculator, clientWidth, expandOffset, index)
{
const minWidth = 5;
const borderWidth = 4;
var workingArea = clientWidth - expandOffset - minWidth - borderWidth;
this._record = record;
this.element.className = "timeline-graph-side timeline-category-" + record.category.name + (isEven ? " even" : "");
var percentages = calculator.computeBarGraphPercentages(record);
var left = percentages.start / 100 * workingArea;
var width = (percentages.end - percentages.start) / 100 * workingArea;
width = width > minWidth ? width : minWidth;
this._barElement.style.left = (left + expandOffset) + "px";
this._barElement.style.width = width + "px";
if (record.visibleChildrenCount) {
this._expandElement.style.top = index * this._rowHeight + "px";
this._expandElement.style.left = left + "px";
this._expandElement.style.width = Math.max(12, width + 25) + "px";
if (!record.collapsed) {
this._expandElement.style.height = (record.visibleChildrenCount + 1) * this._rowHeight + "px";
this._expandElement.addStyleClass("timeline-expandable-expanded");
this._expandElement.removeStyleClass("timeline-expandable-collapsed");
} else {
this._expandElement.style.height = this._rowHeight + "px";
this._expandElement.addStyleClass("timeline-expandable-collapsed");
this._expandElement.removeStyleClass("timeline-expandable-expanded");
}
this._expandElement.removeStyleClass("hidden");
} else {
this._expandElement.addStyleClass("hidden");
}
},
_onClick: function(event)
{
this._record.collapsed = !this._record.collapsed;
this._scheduleRefresh();
},
dispose: function()
{
this.element.parentElement.removeChild(this.element);
this._expandElement.parentElement.removeChild(this._expandElement);
}
}
WebInspector.TimelinePanel.FormattedRecord = function(record, recordStyles, sendRequestRecords, timerRecords)
{
var recordTypes = WebInspector.TimelineAgent.RecordType;
var style = recordStyles[record.type];
this.category = style.category;
this.title = style.title;
this.startTime = record.startTime / 1000;
this.data = record.data;
this.count = 1;
this.type = record.type;
this.endTime = (typeof record.endTime !== "undefined") ? record.endTime / 1000 : this.startTime;
this.originalRecordForTests = record;
this.callerScriptName = record.callerScriptName;
this.callerScriptLine = record.callerScriptLine;
// Make resource receive record last since request was sent; make finish record last since response received.
if (record.type === recordTypes.ResourceSendRequest) {
sendRequestRecords[record.data.identifier] = this;
} else if (record.type === recordTypes.ResourceReceiveResponse) {
var sendRequestRecord = sendRequestRecords[record.data.identifier];
if (sendRequestRecord) { // False if we started instrumentation in the middle of request.
sendRequestRecord._responseReceivedFormattedTime = this.startTime;
record.data.url = sendRequestRecord.data.url;
this.startTime = sendRequestRecord.startTime;
this.details = this._getRecordDetails(sendRequestRecord, sendRequestRecords);
this.callerScriptName = sendRequestRecord.callerScriptName;
this.callerScriptLine = sendRequestRecord.callerScriptLine;
}
} else if (record.type === recordTypes.ResourceFinish) {
var sendRequestRecord = sendRequestRecords[record.data.identifier];
if (sendRequestRecord) {// False for main resource.
record.data.url = sendRequestRecord.data.url;
this.startTime = sendRequestRecord._responseReceivedFormattedTime;
this.callerScriptName = sendRequestRecord.callerScriptName;
this.callerScriptLine = sendRequestRecord.callerScriptLine;
}
} else if (record.type === recordTypes.TimerInstall) {
this.timeout = record.data.timeout;
this.singleShot = record.data.singleShot;
timerRecords[record.data.timerId] = this;
} else if (record.type === recordTypes.TimerFire) {
var timerInstalledRecord = timerRecords[record.data.timerId];
if (timerInstalledRecord) {
this.callSiteScriptName = timerInstalledRecord.callerScriptName;
this.callSiteScriptLine = timerInstalledRecord.callerScriptLine;
this.timeout = timerInstalledRecord.timeout;
this.singleShot = timerInstalledRecord.singleShot;
}
}
this.details = this._getRecordDetails(record, sendRequestRecords);
}
WebInspector.TimelinePanel.FormattedRecord.prototype = {
_createCell: function(content, styleName)
{
var text = document.createElement("label");
text.appendChild(document.createTextNode(content));
var cell = document.createElement("td");
cell.className = "timeline-details";
if (styleName)
cell.className += " " + styleName;
cell.textContent = content;
return cell;
},
_createRow: function(title, content)
{
var row = document.createElement("tr");
row.appendChild(this._createCell(title, "timeline-details-row-title"));
row.appendChild(this._createCell(content, "timeline-details-row-data"));
return row;
},
_createLinkRow: function(title, content)
{
var row = document.createElement("tr");
row.appendChild(this._createCell(title, "timeline-details-row-title"));
var cell = document.createElement("td");
cell.appendChild(content);
row.appendChild(cell);
return row;
},
_generatePopupContent: function(calculator)
{
var recordContentTable = document.createElement("table");
var titleCell = this._createCell(WebInspector.UIString("%s - Details", this.title), "timeline-details-title");
titleCell.colSpan = 2;
var titleRow = document.createElement("tr");
titleRow.appendChild(titleCell);
recordContentTable.appendChild(titleRow);
var text = Number.secondsToString(this.endTime - this.startTime) + " (@" +
calculator.formatValue(this.startTime - calculator.minimumBoundary) + ")";
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Duration"), text));
const recordTypes = WebInspector.TimelineAgent.RecordType;
if (this.details) {
if (this.type === recordTypes.TimerInstall ||
this.type === recordTypes.TimerFire ||
this.type === recordTypes.TimerRemove) {
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Timer Id"), this.data.timerId));
if (this.timeout) {
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Timeout"), this.timeout));
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Repeats"), !this.singleShot));
}
if (this.callSiteScriptLine) {
var link = WebInspector.linkifyResourceAsNode(this.callSiteScriptName, "scripts", this.callSiteScriptLine, "timeline-details");
recordContentTable.appendChild(this._createLinkRow(WebInspector.UIString("Call Site"), link));
}
} else if (this.type === recordTypes.FunctionCall) {
var link = WebInspector.linkifyResourceAsNode(this.data.scriptName, "scripts", this.data.scriptLine, "timeline-details");
recordContentTable.appendChild(this._createLinkRow(WebInspector.UIString("Location"), link));
} else if (this.type === recordTypes.ResourceSendRequest || this.type === recordTypes.ResourceReceiveResponse || this.type === recordTypes.ResourceFinish) {
var link = WebInspector.linkifyResourceAsNode(this.data.url, "resources", null, "timeline-details");
recordContentTable.appendChild(this._createLinkRow(WebInspector.UIString("Resource"), link));
} else if (this.type === recordTypes.EvaluateScript) {
var link = WebInspector.linkifyResourceAsNode(this.data.url, "scripts", null, "timeline-details");
recordContentTable.appendChild(this._createLinkRow(WebInspector.UIString("Script"), link));
} else if (this.type === recordTypes.Paint) {
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Location"), this.data.x + "\u2009\u00d7\u2009" + this.data.y));
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Dimensions"), this.data.width + "\u2009\u00d7\u2009" + this.data.height));
} else
recordContentTable.appendChild(this._createRow(WebInspector.UIString("Details"), this.details));
}
if (this.callerScriptName) {
var link = WebInspector.linkifyResourceAsNode(this.callerScriptName, "scripts", this.callerScriptLine);
recordContentTable.appendChild(this._createLinkRow(WebInspector.UIString("Caller"), link));
}
return recordContentTable;
},
_getRecordDetails: function(record, sendRequestRecords)
{
switch (record.type) {
case WebInspector.TimelineAgent.RecordType.FunctionCall:
return WebInspector.displayNameForURL(record.data.scriptName) + ":" + record.data.scriptLine;
case WebInspector.TimelineAgent.RecordType.EventDispatch:
return record.data ? record.data.type : "";
case WebInspector.TimelineAgent.RecordType.Paint:
return record.data.width + "\u2009\u00d7\u2009" + record.data.height;
case WebInspector.TimelineAgent.RecordType.TimerInstall:
case WebInspector.TimelineAgent.RecordType.TimerRemove:
case WebInspector.TimelineAgent.RecordType.TimerFire:
return record.data.timerId;
case WebInspector.TimelineAgent.RecordType.XHRReadyStateChange:
case WebInspector.TimelineAgent.RecordType.XHRLoad:
case WebInspector.TimelineAgent.RecordType.EvaluateScript:
case WebInspector.TimelineAgent.RecordType.ResourceSendRequest:
case WebInspector.TimelineAgent.RecordType.ResourceReceiveResponse:
case WebInspector.TimelineAgent.RecordType.ResourceFinish:
return WebInspector.displayNameForURL(record.data.url);
case WebInspector.TimelineAgent.RecordType.MarkTimeline:
return record.data.message;
default:
return "";
}
}
}
|
:: Command execute :: | |
--[ c99shell v. 2.0 [PHP 7 Update] [25.02.2019] maintained by KaizenLouie | C99Shell Github | Generation time: 0.0184 ]-- |