debug-server-next
Version:
Dev server for hippy-core.
500 lines (499 loc) • 22.9 kB
JavaScript
/*
* Copyright (C) 2011 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.
*/
/* eslint-disable rulesdir/no_underscored_properties */
import * as Common from '../../core/common/common.js';
import * as i18n from '../../core/i18n/i18n.js';
import * as Platform from '../../core/platform/platform.js';
import * as SDK from '../../core/sdk/sdk.js';
const UIStrings = {
/**
* @description When DevTools doesn't know the URL that initiated a network request, we
* show this phrase instead. 'unknown' would also work in this context.
*/
anonymous: '<anonymous>',
};
const str_ = i18n.i18n.registerUIStrings('models/logs/NetworkLog.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
let networkLogInstance;
export class NetworkLog extends Common.ObjectWrapper.ObjectWrapper {
_requests;
_sentNetworkRequests;
_receivedNetworkResponses;
_requestsSet;
_requestsMap;
_pageLoadForManager;
_isRecording;
_modelListeners;
_initiatorData;
_unresolvedPreflightRequests;
constructor() {
super();
this._requests = [];
this._sentNetworkRequests = [];
this._receivedNetworkResponses = [];
this._requestsSet = new Set();
this._requestsMap = new Map();
this._pageLoadForManager = new Map();
this._isRecording = true;
this._modelListeners = new WeakMap();
this._initiatorData = new WeakMap();
SDK.TargetManager.TargetManager.instance().observeModels(SDK.NetworkManager.NetworkManager, this);
const recordLogSetting = Common.Settings.Settings.instance().moduleSetting('network_log.record-log');
recordLogSetting.addChangeListener(() => {
const preserveLogSetting = Common.Settings.Settings.instance().moduleSetting('network_log.preserve-log');
if (!preserveLogSetting.get() && recordLogSetting.get()) {
this.reset(true);
}
this.setIsRecording(recordLogSetting.get());
}, this);
this._unresolvedPreflightRequests = new Map();
}
static instance() {
if (!networkLogInstance) {
networkLogInstance = new NetworkLog();
}
return networkLogInstance;
}
modelAdded(networkManager) {
const eventListeners = [];
eventListeners.push(networkManager.addEventListener(SDK.NetworkManager.Events.RequestStarted, this._onRequestStarted, this));
eventListeners.push(networkManager.addEventListener(SDK.NetworkManager.Events.RequestUpdated, this._onRequestUpdated, this));
eventListeners.push(networkManager.addEventListener(SDK.NetworkManager.Events.RequestRedirected, this._onRequestRedirect, this));
eventListeners.push(networkManager.addEventListener(SDK.NetworkManager.Events.RequestFinished, this._onRequestUpdated, this));
eventListeners.push(networkManager.addEventListener(SDK.NetworkManager.Events.MessageGenerated, this._networkMessageGenerated.bind(this, networkManager)));
eventListeners.push(networkManager.addEventListener(SDK.NetworkManager.Events.ResponseReceived, this._onResponseReceived, this));
const resourceTreeModel = networkManager.target().model(SDK.ResourceTreeModel.ResourceTreeModel);
if (resourceTreeModel) {
eventListeners.push(resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.WillReloadPage, this._willReloadPage, this));
eventListeners.push(resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.MainFrameNavigated, this._onMainFrameNavigated, this));
eventListeners.push(resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.Load, this._onLoad, this));
eventListeners.push(resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.DOMContentLoaded, this._onDOMContentLoaded.bind(this, resourceTreeModel)));
}
this._modelListeners.set(networkManager, eventListeners);
}
modelRemoved(networkManager) {
this._removeNetworkManagerListeners(networkManager);
}
_removeNetworkManagerListeners(networkManager) {
Common.EventTarget.removeEventListeners(this._modelListeners.get(networkManager) || []);
}
setIsRecording(enabled) {
if (this._isRecording === enabled) {
return;
}
this._isRecording = enabled;
if (enabled) {
SDK.TargetManager.TargetManager.instance().observeModels(SDK.NetworkManager.NetworkManager, this);
}
else {
SDK.TargetManager.TargetManager.instance().unobserveModels(SDK.NetworkManager.NetworkManager, this);
SDK.TargetManager.TargetManager.instance()
.models(SDK.NetworkManager.NetworkManager)
.forEach(this._removeNetworkManagerListeners.bind(this));
}
}
requestForURL(url) {
return this._requests.find(request => request.url() === url) || null;
}
originalRequestForURL(url) {
return this._sentNetworkRequests.find(request => request.url === url) || null;
}
originalResponseForURL(url) {
return this._receivedNetworkResponses.find(response => response.url === url) || null;
}
requests() {
return this._requests;
}
requestByManagerAndId(networkManager, requestId) {
// We iterate backwards because the last item will likely be the one needed for console network request lookups.
for (let i = this._requests.length - 1; i >= 0; i--) {
const request = this._requests[i];
if (requestId === request.requestId() &&
networkManager === SDK.NetworkManager.NetworkManager.forRequest(request)) {
return request;
}
}
return null;
}
_requestByManagerAndURL(networkManager, url) {
for (const request of this._requests) {
if (url === request.url() && networkManager === SDK.NetworkManager.NetworkManager.forRequest(request)) {
return request;
}
}
return null;
}
_initializeInitiatorSymbolIfNeeded(request) {
let initiatorInfo = this._initiatorData.get(request);
if (initiatorInfo) {
return initiatorInfo;
}
initiatorInfo = {
info: null,
chain: null,
request: undefined,
};
this._initiatorData.set(request, initiatorInfo);
return initiatorInfo;
}
initiatorInfoForRequest(request) {
const initiatorInfo = this._initializeInitiatorSymbolIfNeeded(request);
if (initiatorInfo.info) {
return initiatorInfo.info;
}
let type = SDK.NetworkRequest.InitiatorType.Other;
let url = '';
let lineNumber = -Infinity;
let columnNumber = -Infinity;
let scriptId = null;
let initiatorStack = null;
let initiatorRequest = null;
const initiator = request.initiator();
const redirectSource = request.redirectSource();
if (redirectSource) {
type = SDK.NetworkRequest.InitiatorType.Redirect;
url = redirectSource.url();
}
else if (initiator) {
if (initiator.type === "parser" /* Parser */) {
type = SDK.NetworkRequest.InitiatorType.Parser;
url = initiator.url ? initiator.url : url;
lineNumber = typeof initiator.lineNumber === 'number' ? initiator.lineNumber : lineNumber;
columnNumber = typeof initiator.columnNumber === 'number' ? initiator.columnNumber : columnNumber;
}
else if (initiator.type === "script" /* Script */) {
for (let stack = initiator.stack; stack;) {
const topFrame = stack.callFrames.length ? stack.callFrames[0] : null;
if (!topFrame) {
stack = stack.parent;
continue;
}
type = SDK.NetworkRequest.InitiatorType.Script;
url = topFrame.url || i18nString(UIStrings.anonymous);
lineNumber = topFrame.lineNumber;
columnNumber = topFrame.columnNumber;
scriptId = topFrame.scriptId;
break;
}
if (!initiator.stack && initiator.url) {
type = SDK.NetworkRequest.InitiatorType.Script;
url = initiator.url;
lineNumber = initiator.lineNumber || 0;
}
if (initiator.stack && initiator.stack.callFrames && initiator.stack.callFrames.length) {
initiatorStack = initiator.stack || null;
}
}
else if (initiator.type === "preload" /* Preload */) {
type = SDK.NetworkRequest.InitiatorType.Preload;
}
else if (initiator.type === "preflight" /* Preflight */) {
type = SDK.NetworkRequest.InitiatorType.Preflight;
initiatorRequest = request.preflightInitiatorRequest();
}
else if (initiator.type === "SignedExchange" /* SignedExchange */) {
type = SDK.NetworkRequest.InitiatorType.SignedExchange;
url = initiator.url || '';
}
}
initiatorInfo.info = { type, url, lineNumber, columnNumber, scriptId, stack: initiatorStack, initiatorRequest };
return initiatorInfo.info;
}
initiatorGraphForRequest(request) {
const initiated = new Map();
const networkManager = SDK.NetworkManager.NetworkManager.forRequest(request);
for (const otherRequest of this._requests) {
const otherRequestManager = SDK.NetworkManager.NetworkManager.forRequest(otherRequest);
if (networkManager === otherRequestManager && this._initiatorChain(otherRequest).has(request)) {
// save parent request of otherRequst in order to build the initiator chain table later
const initiatorRequest = this._initiatorRequest(otherRequest);
if (initiatorRequest) {
initiated.set(otherRequest, initiatorRequest);
}
}
}
return { initiators: this._initiatorChain(request), initiated: initiated };
}
_initiatorChain(request) {
const initiatorDataForRequest = this._initializeInitiatorSymbolIfNeeded(request);
let initiatorChainCache = initiatorDataForRequest.chain;
if (initiatorChainCache) {
return initiatorChainCache;
}
initiatorChainCache = new Set();
let checkRequest = request;
while (checkRequest) {
const initiatorData = this._initializeInitiatorSymbolIfNeeded(checkRequest);
if (initiatorData.chain) {
Platform.SetUtilities.addAll(initiatorChainCache, initiatorData.chain);
break;
}
if (initiatorChainCache.has(checkRequest)) {
break;
}
initiatorChainCache.add(checkRequest);
checkRequest = this._initiatorRequest(checkRequest);
}
initiatorDataForRequest.chain = initiatorChainCache;
return initiatorChainCache;
}
_initiatorRequest(request) {
const initiatorData = this._initializeInitiatorSymbolIfNeeded(request);
if (initiatorData.request !== undefined) {
return initiatorData.request;
}
const url = this.initiatorInfoForRequest(request).url;
const networkManager = SDK.NetworkManager.NetworkManager.forRequest(request);
initiatorData.request = networkManager ? this._requestByManagerAndURL(networkManager, url) : null;
return initiatorData.request;
}
_willReloadPage() {
if (!Common.Settings.Settings.instance().moduleSetting('network_log.preserve-log').get()) {
this.reset(true);
}
}
_onMainFrameNavigated(event) {
const mainFrame = event.data;
const manager = mainFrame.resourceTreeModel().target().model(SDK.NetworkManager.NetworkManager);
if (!manager || mainFrame.resourceTreeModel().target().parentTarget()) {
return;
}
// If a page resulted in an error, the browser will navigate to an internal error page
// hosted at 'chrome-error://...'. In this case, skip the frame navigated event to preserve
// the network log.
if (mainFrame.url !== mainFrame.unreachableUrl() && mainFrame.url.startsWith('chrome-error://')) {
return;
}
const preserveLog = Common.Settings.Settings.instance().moduleSetting('network_log.preserve-log').get();
const oldRequests = this._requests;
const oldManagerRequests = this._requests.filter(request => SDK.NetworkManager.NetworkManager.forRequest(request) === manager);
const oldRequestsSet = this._requestsSet;
this._requests = [];
this._sentNetworkRequests = [];
this._receivedNetworkResponses = [];
this._requestsSet = new Set();
this._requestsMap.clear();
this._unresolvedPreflightRequests.clear();
this.dispatchEventToListeners(Events.Reset, { clearIfPreserved: !preserveLog });
// Preserve requests from the new session.
let currentPageLoad = null;
const requestsToAdd = [];
for (const request of oldManagerRequests) {
if (request.loaderId !== mainFrame.loaderId) {
continue;
}
if (!currentPageLoad) {
currentPageLoad = new SDK.PageLoad.PageLoad(request);
let redirectSource = request.redirectSource();
while (redirectSource) {
requestsToAdd.push(redirectSource);
redirectSource = redirectSource.redirectSource();
}
}
requestsToAdd.push(request);
}
// Preserve service worker requests from the new session.
const serviceWorkerRequestsToAdd = [];
for (const swRequest of oldRequests) {
if (!swRequest.initiatedByServiceWorker()) {
continue;
}
// If there is a matching request that came before this one, keep it.
const keepRequest = requestsToAdd.some(request => request.url() === swRequest.url() && request.issueTime() <= swRequest.issueTime());
if (keepRequest) {
serviceWorkerRequestsToAdd.push(swRequest);
}
}
requestsToAdd.push(...serviceWorkerRequestsToAdd);
for (const request of requestsToAdd) {
currentPageLoad?.bindRequest(request);
oldRequestsSet.delete(request);
this._addRequest(request);
}
if (preserveLog) {
for (const request of oldRequestsSet) {
this._addRequest(request);
request.preserved = true;
}
}
if (currentPageLoad) {
this._pageLoadForManager.set(manager, currentPageLoad);
}
}
_addRequest(request) {
this._requests.push(request);
this._requestsSet.add(request);
const requestList = this._requestsMap.get(request.requestId());
if (!requestList) {
this._requestsMap.set(request.requestId(), [request]);
}
else {
requestList.push(request);
}
this._tryResolvePreflightRequests(request);
this.dispatchEventToListeners(Events.RequestAdded, request);
}
_tryResolvePreflightRequests(request) {
if (request.isPreflightRequest()) {
const initiator = request.initiator();
if (initiator && initiator.requestId) {
const [initiatorRequest] = this.requestsForId(initiator.requestId);
if (initiatorRequest) {
request.setPreflightInitiatorRequest(initiatorRequest);
initiatorRequest.setPreflightRequest(request);
}
else {
this._unresolvedPreflightRequests.set(initiator.requestId, request);
}
}
}
else {
const preflightRequest = this._unresolvedPreflightRequests.get(request.requestId());
if (preflightRequest) {
this._unresolvedPreflightRequests.delete(request.requestId());
request.setPreflightRequest(preflightRequest);
preflightRequest.setPreflightInitiatorRequest(request);
// Force recomputation of initiator info, if it already exists.
const data = this._initiatorData.get(preflightRequest);
if (data) {
data.info = null;
}
this.dispatchEventToListeners(Events.RequestUpdated, preflightRequest);
}
}
}
importRequests(requests) {
this.reset(true);
this._requests = [];
this._sentNetworkRequests = [];
this._receivedNetworkResponses = [];
this._requestsSet.clear();
this._requestsMap.clear();
this._unresolvedPreflightRequests.clear();
for (const request of requests) {
this._addRequest(request);
}
}
_onRequestStarted(event) {
const request = event.data.request;
if (event.data.originalRequest) {
this._sentNetworkRequests.push(event.data.originalRequest);
}
this._requestsSet.add(request);
const manager = SDK.NetworkManager.NetworkManager.forRequest(request);
const pageLoad = manager ? this._pageLoadForManager.get(manager) : null;
if (pageLoad) {
pageLoad.bindRequest(request);
}
this._addRequest(request);
}
_onResponseReceived(event) {
const response = event.data.response;
this._receivedNetworkResponses.push(response);
}
_onRequestUpdated(event) {
const request = event.data;
if (!this._requestsSet.has(request)) {
return;
}
this.dispatchEventToListeners(Events.RequestUpdated, request);
}
_onRequestRedirect(event) {
const request = event.data;
this._initiatorData.delete(request);
}
_onDOMContentLoaded(resourceTreeModel, event) {
const networkManager = resourceTreeModel.target().model(SDK.NetworkManager.NetworkManager);
const pageLoad = networkManager ? this._pageLoadForManager.get(networkManager) : null;
if (pageLoad) {
pageLoad.contentLoadTime = event.data;
}
}
_onLoad(event) {
const networkManager = event.data.resourceTreeModel.target().model(SDK.NetworkManager.NetworkManager);
const pageLoad = networkManager ? this._pageLoadForManager.get(networkManager) : null;
if (pageLoad) {
pageLoad.loadTime = event.data.loadTime;
}
}
reset(clearIfPreserved) {
this._requests = [];
this._sentNetworkRequests = [];
this._receivedNetworkResponses = [];
this._requestsSet.clear();
this._requestsMap.clear();
this._unresolvedPreflightRequests.clear();
const managers = new Set(SDK.TargetManager.TargetManager.instance().models(SDK.NetworkManager.NetworkManager));
for (const manager of this._pageLoadForManager.keys()) {
if (!managers.has(manager)) {
this._pageLoadForManager.delete(manager);
}
}
this.dispatchEventToListeners(Events.Reset, { clearIfPreserved });
}
_networkMessageGenerated(networkManager, event) {
const message = event.data;
const consoleMessage = new SDK.ConsoleModel.ConsoleMessage(networkManager.target().model(SDK.RuntimeModel.RuntimeModel), "network" /* Network */, message.warning ? "warning" /* Warning */ : "info" /* Info */, message.message);
this.associateConsoleMessageWithRequest(consoleMessage, message.requestId);
SDK.ConsoleModel.ConsoleModel.instance().addMessage(consoleMessage);
}
associateConsoleMessageWithRequest(consoleMessage, requestId) {
const target = consoleMessage.target();
const networkManager = target ? target.model(SDK.NetworkManager.NetworkManager) : null;
if (!networkManager) {
return;
}
const request = this.requestByManagerAndId(networkManager, requestId);
if (!request) {
return;
}
consoleMessageToRequest.set(consoleMessage, request);
const initiator = request.initiator();
if (initiator) {
consoleMessage.stackTrace = initiator.stack || undefined;
if (initiator.url) {
consoleMessage.url = initiator.url;
consoleMessage.line = initiator.lineNumber || 0;
}
}
}
static requestForConsoleMessage(consoleMessage) {
return consoleMessageToRequest.get(consoleMessage) || null;
}
requestsForId(requestId) {
return this._requestsMap.get(requestId) || [];
}
}
const consoleMessageToRequest = new WeakMap();
export const Events = {
Reset: Symbol('Reset'),
RequestAdded: Symbol('RequestAdded'),
RequestUpdated: Symbol('RequestUpdated'),
};