chrome-devtools-frontend 1.0.1040337 → 1.0.1070764

package/front_end/core/sdk/NetworkRequest.ts

@@ -222,6 +222,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   requestMethod: string;
   requestTime: number;
   protocol: string;
+  alternateProtocolUsage: Protocol.Network.AlternateProtocolUsage|undefined;
   mixedContentType: Protocol.Security.MixedContentType;
   #initialPriorityInternal: Protocol.Network.ResourcePriority|null;
   #currentPriority: Protocol.Network.ResourcePriority|null;
@@ -237,6 +238,11 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   };
   #responseHeadersTextInternal: string;
   #originalResponseHeaders: Protocol.Fetch.HeaderEntry[];
+
+  // This field is only used when intercepting and overriding requests, because
+  // in that case 'this.responseHeaders' does not contain 'set-cookie' headers.
+  #setCookieHeaders: Protocol.Fetch.HeaderEntry[];
+
   #requestHeadersInternal: NameValue[];
   #requestHeaderValues: {
     [x: string]: string|undefined,
@@ -256,6 +262,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   #blockedRequestCookiesInternal: BlockedCookieWithReason[];
   #includedRequestCookiesInternal: Cookie[];
   #blockedResponseCookiesInternal: BlockedSetCookieWithReason[];
+  #siteHasCookieInOtherPartition: boolean;
   localizedFailDescription: string|null;
   #urlInternal!: Platform.DevToolsPath.UrlString;
   #responseReceivedTimeInternal!: number;
@@ -291,6 +298,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   #contentDataProvider?: (() => Promise<ContentData>);
   #isSameSiteInternal: boolean|null;
   #wasIntercepted: boolean;
+  #associatedData = new Map<string, object>();
 
   private constructor(
       requestId: string, backendRequestId: Protocol.Network.RequestId|undefined, url: Platform.DevToolsPath.UrlString,
@@ -321,6 +329,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.requestMethod = '';
     this.requestTime = 0;
     this.protocol = '';
+    this.alternateProtocolUsage = undefined;
     this.mixedContentType = Protocol.Security.MixedContentType.None;
 
     this.#initialPriorityInternal = null;
@@ -338,6 +347,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.#responseHeaderValues = {};
     this.#responseHeadersTextInternal = '';
     this.#originalResponseHeaders = [];
+    this.#setCookieHeaders = [];
 
     this.#requestHeadersInternal = [];
     this.#requestHeaderValues = {};
@@ -362,6 +372,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.#blockedRequestCookiesInternal = [];
     this.#includedRequestCookiesInternal = [];
     this.#blockedResponseCookiesInternal = [];
+    this.#siteHasCookieInOtherPartition = false;
 
     this.localizedFailDescription = null;
     this.#isSameSiteInternal = null;
@@ -949,6 +960,14 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.#originalResponseHeaders = headers;
   }
 
+  get setCookieHeaders(): Protocol.Fetch.HeaderEntry[] {
+    return this.#setCookieHeaders;
+  }
+
+  set setCookieHeaders(headers: Protocol.Fetch.HeaderEntry[]) {
+    this.#setCookieHeaders = headers;
+  }
+
   get responseHeadersText(): string {
     return this.#responseHeadersTextInternal;
   }
@@ -1376,6 +1395,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.setRequestHeadersText('');  // Mark request headers as non-provisional
     this.#clientSecurityStateInternal = extraRequestInfo.clientSecurityState;
     this.setConnectTimingFromExtraInfo(extraRequestInfo.connectTiming);
+    this.#siteHasCookieInOtherPartition = extraRequestInfo.siteHasCookieInOtherPartition ?? false;
   }
 
   hasExtraRequestInfo(): boolean {
@@ -1394,9 +1414,23 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     return this.#includedRequestCookiesInternal.length > 0 || this.#blockedRequestCookiesInternal.length > 0;
   }
 
+  siteHasCookieInOtherPartition(): boolean {
+    return this.#siteHasCookieInOtherPartition;
+  }
+
+  // Parse the status text from the first line of the response headers text.
+  // See net::HttpResponseHeaders::GetStatusText.
+  static parseStatusTextFromResponseHeadersText(responseHeadersText: string): string {
+    const firstLineParts = responseHeadersText.split('\r')[0].split(' ');
+    return firstLineParts.slice(2).join(' ');
+  }
+
   addExtraResponseInfo(extraResponseInfo: ExtraResponseInfo): void {
     this.#blockedResponseCookiesInternal = extraResponseInfo.blockedResponseCookies;
     this.responseHeaders = extraResponseInfo.responseHeaders;
+    // We store a copy of the headers we initially received, so that after
+    // potential header overrides, we can compare actual with original headers.
+    this.originalResponseHeaders = extraResponseInfo.responseHeaders.map(headerEntry => ({...headerEntry}));
 
     if (extraResponseInfo.responseHeadersText) {
       this.responseHeadersText = extraResponseInfo.responseHeadersText;
@@ -1415,6 +1449,8 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
         }
         this.setRequestHeadersText(requestHeadersText);
       }
+
+      this.statusText = NetworkRequest.parseStatusTextFromResponseHeadersText(extraResponseInfo.responseHeadersText);
     }
     this.#remoteAddressSpaceInternal = extraResponseInfo.resourceIPAddressSpace;
 
@@ -1481,6 +1517,18 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   isSameSite(): boolean|null {
     return this.#isSameSiteInternal;
   }
+
+  getAssociatedData(key: string): object|null {
+    return this.#associatedData.get(key) || null;
+  }
+
+  setAssociatedData(key: string, data: object): void {
+    this.#associatedData.set(key, data);
+  }
+
+  deleteAssociatedData(key: string): void {
+    this.#associatedData.delete(key);
+  }
 }
 
 // TODO(crbug.com/1167717): Make this a const enum again
@@ -1708,6 +1756,7 @@ export interface ExtraRequestInfo {
   includedRequestCookies: Cookie[];
   clientSecurityState?: Protocol.Network.ClientSecurityState;
   connectTiming: Protocol.Network.ConnectTiming;
+  siteHasCookieInOtherPartition?: boolean;
 }
 
 export interface ExtraResponseInfo {

package/front_end/core/sdk/ProfileTreeModel.ts

@@ -15,21 +15,23 @@ export class ProfileNode {
   id: number;
   parent: ProfileNode|null;
   children: ProfileNode[];
+  functionName: string;
   depth!: number;
   deoptReason!: string|null;
-
-  constructor(callFrame: Protocol.Runtime.CallFrame) {
+  /**
+   * The target a node's call frame belongs to.
+   */
+  #target: Target|null;
+  constructor(callFrame: Protocol.Runtime.CallFrame, target: Target|null) {
     this.callFrame = callFrame;
     this.callUID = `${callFrame.functionName}@${callFrame.scriptId}:${callFrame.lineNumber}:${callFrame.columnNumber}`;
     this.self = 0;
     this.total = 0;
     this.id = 0;
+    this.functionName = callFrame.functionName;
     this.parent = null;
     this.children = [];
-  }
-
-  get functionName(): string {
-    return this.callFrame.functionName;
+    this.#target = target;
   }
 
   get scriptId(): Protocol.Runtime.ScriptId {
@@ -47,6 +49,17 @@ export class ProfileNode {
   get columnNumber(): number {
     return this.callFrame.columnNumber;
   }
+
+  setFunctionName(name: string|null): void {
+    if (name === null) {
+      return;
+    }
+    this.functionName = name;
+  }
+
+  target(): Target|null {
+    return this.#target;
+  }
 }
 
 export class ProfileTreeModel {

package/front_end/core/sdk/ResourceTreeModel.ts

@@ -45,7 +45,7 @@ import {type NetworkRequest} from './NetworkRequest.js';
 import {Resource} from './Resource.js';
 import {ExecutionContext, RuntimeModel} from './RuntimeModel.js';
 
-import {Capability, type Target} from './Target.js';
+import {Capability, Type, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 import {TargetManager} from './TargetManager.js';
 import {SecurityOriginManager} from './SecurityOriginManager.js';
@@ -94,6 +94,9 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
 
     void this.agent.invoke_getResourceTree().then(event => {
       this.processCachedResources(event.getError() ? null : event.frameTree);
+      if (this.mainFrame) {
+        this.processPendingEvents(this.mainFrame);
+      }
     });
   }
 
@@ -127,7 +130,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
 
   static reloadAllPages(bypassCache?: boolean, scriptToEvaluateOnLoad?: string): void {
     for (const resourceTreeModel of TargetManager.instance().models(ResourceTreeModel)) {
-      if (!resourceTreeModel.target().parentTarget()) {
+      if (resourceTreeModel.target().parentTarget()?.type() !== Type.Frame) {
         resourceTreeModel.reloadPage(bypassCache, scriptToEvaluateOnLoad);
       }
     }
@@ -184,7 +187,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
 
   frameAttached(
       frameId: Protocol.Page.FrameId, parentFrameId: Protocol.Page.FrameId|null,
-      stackTrace?: Protocol.Runtime.StackTrace, adScriptId?: Protocol.Page.AdScriptId): ResourceTreeFrame|null {
+      stackTrace?: Protocol.Runtime.StackTrace): ResourceTreeFrame|null {
     const sameTargetParentFrame = parentFrameId ? (this.framesInternal.get(parentFrameId) || null) : null;
     // Do nothing unless cached resource tree is processed - it will overwrite everything.
     if (!this.#cachedResourcesProcessed && sameTargetParentFrame) {
@@ -194,8 +197,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
       return null;
     }
 
-    const frame =
-        new ResourceTreeFrame(this, sameTargetParentFrame, frameId, null, stackTrace || null, adScriptId || null);
+    const frame = new ResourceTreeFrame(this, sameTargetParentFrame, frameId, null, stackTrace || null);
     if (parentFrameId && !sameTargetParentFrame) {
       frame.crossTargetParentFrameId = parentFrameId;
     }
@@ -351,7 +353,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
   private addFramesRecursively(
       sameTargetParentFrame: ResourceTreeFrame|null, frameTreePayload: Protocol.Page.FrameResourceTree): void {
     const framePayload = frameTreePayload.frame;
-    const frame = new ResourceTreeFrame(this, sameTargetParentFrame, framePayload.id, framePayload, null, null);
+    const frame = new ResourceTreeFrame(this, sameTargetParentFrame, framePayload.id, framePayload, null);
     if (!sameTargetParentFrame && framePayload.parentId) {
       frame.crossTargetParentFrameId = framePayload.parentId;
     }
@@ -594,6 +596,9 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     if (this.mainFrame && this.mainFrame.id === event.initiatingFrameId) {
       this.mainFrame.setPrerenderFinalStatus(event.finalStatus);
       this.dispatchEventToListeners(Events.PrerenderingStatusUpdated, this.mainFrame);
+      if (event.disallowedApiMethod) {
+        this.mainFrame.setPrerenderDisallowedApiMethod(event.disallowedApiMethod);
+      }
     } else {
       this.#pendingPrerenderAttemptCompletedEvents.add(event);
     }
@@ -613,6 +618,11 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     for (const event of this.#pendingPrerenderAttemptCompletedEvents) {
       if (frame.id === event.initiatingFrameId) {
         frame.setPrerenderFinalStatus(event.finalStatus);
+
+        if (event.disallowedApiMethod) {
+          frame.setPrerenderDisallowedApiMethod(event.disallowedApiMethod);
+        }
+
         this.#pendingPrerenderAttemptCompletedEvents.delete(event);
         break;
       }
@@ -684,8 +694,6 @@ export class ResourceTreeFrame {
   #creationStackTrace: Protocol.Runtime.StackTrace|null;
   #creationStackTraceTarget: Target|null;
   #childFramesInternal: Set<ResourceTreeFrame>;
-  #adScriptId: Protocol.Runtime.ScriptId|null;
-  #debuggerId: Protocol.Runtime.UniqueDebuggerId|null;
   resourcesMap: Map<Platform.DevToolsPath.UrlString, Resource>;
   backForwardCacheDetails: {
     restoredFromCache: boolean|undefined,
@@ -697,11 +705,11 @@ export class ResourceTreeFrame {
     explanationsTree: undefined,
   };
   prerenderFinalStatus: Protocol.Page.PrerenderFinalStatus|null;
+  prerenderDisallowedApiMethod: string|null;
 
   constructor(
       model: ResourceTreeModel, parentFrame: ResourceTreeFrame|null, frameId: Protocol.Page.FrameId,
-      payload: Protocol.Page.Frame|null, creationStackTrace: Protocol.Runtime.StackTrace|null,
-      adScriptId: Protocol.Page.AdScriptId|null) {
+      payload: Protocol.Page.Frame|null, creationStackTrace: Protocol.Runtime.StackTrace|null) {
     this.#model = model;
     this.#sameTargetParentFrameInternal = parentFrame;
     this.#idInternal = frameId;
@@ -723,13 +731,11 @@ export class ResourceTreeFrame {
     this.#creationStackTrace = creationStackTrace;
     this.#creationStackTraceTarget = null;
 
-    this.#adScriptId = adScriptId?.scriptId || null;
-    this.#debuggerId = adScriptId?.debuggerId || null;
-
     this.#childFramesInternal = new Set();
 
     this.resourcesMap = new Map();
     this.prerenderFinalStatus = null;
+    this.prerenderDisallowedApiMethod = null;
 
     if (this.#sameTargetParentFrameInternal) {
       this.#sameTargetParentFrameInternal.#childFramesInternal.add(this);
@@ -811,20 +817,9 @@ export class ResourceTreeFrame {
     return this.#domainAndRegistryInternal;
   }
 
-  getAdScriptId(): Protocol.Runtime.ScriptId|null {
-    return this.#adScriptId;
-  }
-
-  setAdScriptId(adScriptId: Protocol.Runtime.ScriptId|null): void {
-    this.#adScriptId = adScriptId;
-  }
-
-  getDebuggerId(): Protocol.Runtime.UniqueDebuggerId|null {
-    return this.#debuggerId;
-  }
-
-  setDebuggerId(debuggerId: Protocol.Runtime.UniqueDebuggerId|null): void {
-    this.#debuggerId = debuggerId;
+  async getAdScriptId(frameId: Protocol.Page.FrameId): Promise<Protocol.Page.AdScriptId|null> {
+    const res = await this.#model.agent.invoke_getAdScriptId({frameId});
+    return res.adScriptId || null;
   }
 
   get securityOrigin(): string|null {
@@ -873,7 +868,7 @@ export class ResourceTreeFrame {
       return null;
     }
     const parentTarget = this.#model.target().parentTarget();
-    if (!parentTarget) {
+    if (parentTarget?.type() !== Type.Frame) {
       return null;
     }
     const parentModel = parentTarget.model(ResourceTreeModel);
@@ -910,7 +905,7 @@ export class ResourceTreeFrame {
    * tab.
    */
   isTopFrame(): boolean {
-    return !this.#model.target().parentTarget() && !this.#sameTargetParentFrameInternal &&
+    return this.#model.target().parentTarget()?.type() !== Type.Frame && !this.#sameTargetParentFrameInternal &&
         !this.crossTargetParentFrameId;
   }
 
@@ -1036,7 +1031,7 @@ export class ResourceTreeFrame {
     }
 
     // Portals.
-    if (parentTarget) {
+    if (parentTarget?.type() === Type.Frame) {
       const domModel = parentTarget.model(DOMModel);
       if (domModel) {
         return highlightFrameOwner(domModel);
@@ -1089,6 +1084,10 @@ export class ResourceTreeFrame {
   setPrerenderFinalStatus(status: Protocol.Page.PrerenderFinalStatus): void {
     this.prerenderFinalStatus = status;
   }
+
+  setPrerenderDisallowedApiMethod(disallowedApiMethod: string): void {
+    this.prerenderDisallowedApiMethod = disallowedApiMethod;
+  }
 }
 
 export class PageDispatcher implements ProtocolProxyApi.PageDispatcher {
@@ -1113,8 +1112,8 @@ export class PageDispatcher implements ProtocolProxyApi.PageDispatcher {
     this.#resourceTreeModel.dispatchEventToListeners(Events.LifecycleEvent, {frameId, name});
   }
 
-  frameAttached({frameId, parentFrameId, stack, adScriptId}: Protocol.Page.FrameAttachedEvent): void {
-    this.#resourceTreeModel.frameAttached(frameId, parentFrameId, stack, adScriptId);
+  frameAttached({frameId, parentFrameId, stack}: Protocol.Page.FrameAttachedEvent): void {
+    this.#resourceTreeModel.frameAttached(frameId, parentFrameId, stack);
   }
 
   frameNavigated({frame, type}: Protocol.Page.FrameNavigatedEvent): void {

package/front_end/core/sdk/RuntimeModel.ts

@@ -589,7 +589,7 @@ export class ExecutionContext {
 
   static comparator(a: ExecutionContext, b: ExecutionContext): number {
     function targetWeight(target: Target): number {
-      if (!target.parentTarget()) {
+      if (target.parentTarget()?.type() !== Type.Frame) {
         return 5;
       }
       if (target.type() === Type.Frame) {

package/front_end/core/sdk/ScreenCaptureModel.ts

@@ -10,6 +10,11 @@ import {OverlayModel} from './OverlayModel.js';
 import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 
+export const enum ScreenshotMode {
+  FROM_VIEWPORT = 'fromViewport',
+  FROM_CLIP = 'fromClip',
+  FULLPAGE = 'fullpage',
+}
 export class ScreenCaptureModel extends SDKModel<void> implements ProtocolProxyApi.PageDispatcher {
   readonly #agent: ProtocolProxyApi.PageApi;
   #onScreencastFrame: ((arg0: Protocol.binary, arg1: Protocol.Page.ScreencastFrameMetadata) => void)|null;
@@ -39,11 +44,30 @@ export class ScreenCaptureModel extends SDKModel<void> implements ProtocolProxyA
   }
 
   async captureScreenshot(
-      format: Protocol.Page.CaptureScreenshotRequestFormat, quality: number,
+      format: Protocol.Page.CaptureScreenshotRequestFormat, quality: number, mode: ScreenshotMode,
       clip?: Protocol.Page.Viewport): Promise<string|null> {
+    const properties: Protocol.Page.CaptureScreenshotRequest = {
+      format: format,
+      quality: quality,
+      fromSurface: true,
+    };
+    switch (mode) {
+      case ScreenshotMode.FROM_CLIP:
+        properties.captureBeyondViewport = true;
+        properties.clip = clip;
+        break;
+      case ScreenshotMode.FULLPAGE:
+        properties.captureBeyondViewport = true;
+        break;
+      case ScreenshotMode.FROM_VIEWPORT:
+        properties.captureBeyondViewport = false;
+        break;
+      default:
+        throw new Error('Unexpected or unspecified screnshotMode');
+    }
+
     await OverlayModel.muteHighlight();
-    const result = await this.#agent.invoke_captureScreenshot(
-        {format, quality, clip, fromSurface: true, captureBeyondViewport: true});
+    const result = await this.#agent.invoke_captureScreenshot(properties);
     await OverlayModel.unmuteHighlight();
     return result.data;
   }

package/front_end/core/sdk/ServiceWorkerCacheModel.ts

@@ -254,6 +254,9 @@ export class ServiceWorkerCacheModel extends SDKModel<EventTypes> implements Pro
   interestGroupAccessed(_event: Protocol.Storage.InterestGroupAccessedEvent): void {
   }
 
+  sharedStorageAccessed(_event: Protocol.Storage.SharedStorageAccessedEvent): void {
+  }
+
   setThrottlerSchedulesAsSoonAsPossibleForTest(): void {
     this.#scheduleAsSoonAsPossible = true;
   }

package/front_end/core/sdk/SourceMap.ts

@@ -195,6 +195,10 @@ export class TextSourceMap implements SourceMap {
       if (content.slice(0, 3) === ')]}') {
         updatedContent = content.substring(content.indexOf('\n'));
       }
+      if (updatedContent.charCodeAt(0) === 0xFEFF) {
+        // Strip BOM at the beginning before parsing the JSON.
+        updatedContent = updatedContent.slice(1);
+      }
     } catch (error) {
       throw new Error(i18nString(UIStrings.couldNotLoadContentForSS, {PH1: sourceMapURL, PH2: error.message}));
     }
@@ -249,27 +253,29 @@ export class TextSourceMap implements SourceMap {
     sourceURL: Platform.DevToolsPath.UrlString,
   }|null {
     const mappings = this.mappings();
-    const index = Platform.ArrayUtilities.upperBound(
+    const endIndex = Platform.ArrayUtilities.upperBound(
         mappings, undefined, (unused, entry) => lineNumber - entry.lineNumber || columnNumber - entry.columnNumber);
-    if (!index) {
+    if (!endIndex) {
       // If the line and column are preceding all the entries, then there is nothing to map.
       return null;
     }
-    const sourceURL = mappings[index].sourceURL;
+    // startIndex must be within mappings range because endIndex must be not falsy
+    const startIndex = endIndex - 1;
+    const sourceURL = mappings[startIndex].sourceURL;
     if (!sourceURL) {
       return null;
     }
 
     // Let us compute the range that contains the source position in the compiled code.
-    const endLine = index < mappings.length ? mappings[index].lineNumber : 2 ** 31 - 1;
-    const endColumn = index < mappings.length ? mappings[index].columnNumber : 2 ** 31 - 1;
+    const endLine = endIndex < mappings.length ? mappings[endIndex].lineNumber : 2 ** 31 - 1;
+    const endColumn = endIndex < mappings.length ? mappings[endIndex].columnNumber : 2 ** 31 - 1;
     const range = new TextUtils.TextRange.TextRange(
-        mappings[index - 1].lineNumber, mappings[index - 1].columnNumber, endLine, endColumn);
+        mappings[startIndex].lineNumber, mappings[startIndex].columnNumber, endLine, endColumn);
 
     // Now try to find the corresponding token in the original code.
     const reverseMappings = this.reversedMappings(sourceURL);
-    const startSourceLine = mappings[index - 1].sourceLineNumber;
-    const startSourceColumn = mappings[index - 1].sourceColumnNumber;
+    const startSourceLine = mappings[startIndex].sourceLineNumber;
+    const startSourceColumn = mappings[startIndex].sourceColumnNumber;
     const endReverseIndex = Platform.ArrayUtilities.upperBound(
         reverseMappings, undefined,
         (unused, i) =>

package/front_end/core/sdk/SourceMapManager.ts

@@ -69,14 +69,19 @@ export class SourceMapManager<T extends FrameAssociated> extends Common.ObjectWr
     }
   }
 
-  private getBaseUrl(): Platform.DevToolsPath.UrlString {
-    let target: Target|null = this.#target;
+  private static getBaseUrl(target: Target|null): Platform.DevToolsPath.UrlString {
     while (target && target.type() !== Type.Frame) {
       target = target.parentTarget();
     }
     return target?.inspectedURL() ?? Platform.DevToolsPath.EmptyUrlString;
   }
 
+  static resolveRelativeSourceURL(target: Target|null, url: Platform.DevToolsPath.UrlString):
+      Platform.DevToolsPath.UrlString {
+    url = Common.ParsedURL.ParsedURL.completeURL(SourceMapManager.getBaseUrl(target), url) ?? url;
+    return url;
+  }
+
   private inspectedURLChanged(event: Common.EventTarget.EventTargetEvent<Target>): void {
     if (event.data !== this.#target) {
       return;
@@ -166,10 +171,7 @@ export class SourceMapManager<T extends FrameAssociated> extends Common.ObjectWr
   }|null {
     // |#sourceURL| can be a random string, but is generally an absolute path.
     // Complete it to inspected page url for relative links.
-    const resolvedSourceURL = Common.ParsedURL.ParsedURL.completeURL(this.getBaseUrl(), sourceURL);
-    if (!resolvedSourceURL) {
-      return null;
-    }
+    const resolvedSourceURL = SourceMapManager.resolveRelativeSourceURL(this.#target, sourceURL);
     const resolvedSourceMapURL = Common.ParsedURL.ParsedURL.completeURL(resolvedSourceURL, sourceMapURL);
     if (!resolvedSourceMapURL) {
       return null;

package/front_end/core/sdk/Target.ts

@@ -41,7 +41,7 @@ export class Target extends ProtocolClient.InspectorBackend.TargetBase {
             Capability.Log | Capability.Network | Capability.Target | Capability.Tracing | Capability.Emulation |
             Capability.Input | Capability.Inspector | Capability.Audits | Capability.WebAuthn | Capability.IO |
             Capability.Media;
-        if (!parentTarget) {
+        if (parentTarget?.type() !== Type.Frame) {
           // This matches backend exposing certain capabilities only for the main frame.
           this.#capabilitiesMask |=
               Capability.DeviceEmulation | Capability.ScreenCapture | Capability.Security | Capability.ServiceWorker;
@@ -52,7 +52,7 @@ export class Target extends ProtocolClient.InspectorBackend.TargetBase {
       case Type.ServiceWorker:
         this.#capabilitiesMask = Capability.JS | Capability.Log | Capability.Network | Capability.Target |
             Capability.Inspector | Capability.IO;
-        if (!parentTarget) {
+        if (parentTarget?.type() !== Type.Frame) {
           this.#capabilitiesMask |= Capability.Browser;
         }
         break;
@@ -177,7 +177,7 @@ export class Target extends ProtocolClient.InspectorBackend.TargetBase {
     this.#inspectedURLInternal = inspectedURL;
     const parsedURL = Common.ParsedURL.ParsedURL.fromString(inspectedURL);
     this.#inspectedURLName = parsedURL ? parsedURL.lastPathComponentWithFragment() : '#' + this.#idInternal;
-    if (!this.parentTarget()) {
+    if (this.parentTarget()?.type() !== Type.Frame) {
       Host.InspectorFrontendHost.InspectorFrontendHostInstance.inspectedURLChanged(
           inspectedURL || Platform.DevToolsPath.EmptyUrlString);
     }

package/front_end/core/sdk/TargetManager.ts

@@ -97,7 +97,7 @@ export class TargetManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes
   }
 
   inspectedURL(): string {
-    const mainTarget = this.mainTarget();
+    const mainTarget = this.mainFrameTarget();
     return mainTarget ? mainTarget.inspectedURL() : '';
   }
 
@@ -238,6 +238,17 @@ export class TargetManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes
     return this.#targetsInternal.size ? this.#targetsInternal.values().next().value : null;
   }
 
+  mainFrameTarget(): Target|null {
+    let target = this.mainTarget();
+    if (target?.type() === TargetType.Tab) {
+      target =
+          this.targets().find(
+              t => t.parentTarget() === target && t.type() === TargetType.Frame && !t.targetInfo()?.subtype?.length) ||
+          null;
+    }
+    return target;
+  }
+
   browserTarget(): Target|null {
     return this.#browserTargetInternal;
   }

package/front_end/core/sdk/sdk-legacy.ts

@@ -193,6 +193,9 @@ SDK.Script = SDKModule.Script.Script;
 /** @constructor */
 SDK.SecurityOriginManager = SDKModule.SecurityOriginManager.SecurityOriginManager;
 
+/** @constructor */
+SDK.StorageKeyManager = SDKModule.StorageKeyManager.StorageKeyManager;
+
 /** @enum {symbol} */
 SDK.SecurityOriginManager.Events = SDKModule.SecurityOriginManager.Events;
 

package/front_end/core/sdk/sdk-meta.ts

@@ -314,6 +314,11 @@ const UIStrings = {
   * emulates that the webpage is in auto dark mode.
   */
   emulateAutoDarkMode: 'Emulate auto dark mode',
+  /**
+   * @description Label of a checkbox in the DevTools settings UI.
+   */
+  enableRemoteFileLoading:
+      'Allow `DevTools` to load resources, such as source maps, from remote file paths. Disabled by default for security reasons.',
 };
 const str_ = i18n.i18n.registerUIStrings('core/sdk/sdk-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
@@ -339,6 +344,13 @@ Common.Settings.registerSettingExtension({
   defaultValue: true,
 });
 
+Common.Settings.registerSettingExtension({
+  storageType: Common.Settings.SettingStorageType.Synced,
+  settingName: 'enableIgnoreListing',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+});
+
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
   storageType: Common.Settings.SettingStorageType.Synced,
@@ -1040,3 +1052,12 @@ Common.Settings.registerSettingExtension({
   storageType: Common.Settings.SettingStorageType.Session,
   defaultValue: false,
 });
+
+Common.Settings.registerSettingExtension({
+  category: Common.Settings.SettingCategory.SOURCES,
+  storageType: Common.Settings.SettingStorageType.Synced,
+  title: i18nLazyString(UIStrings.enableRemoteFileLoading),
+  settingName: 'network.enable-remote-file-loading',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+});