chrome-devtools-frontend 1.0.1362775 → 1.0.1376716

package/front_end/generated/protocol.ts

@@ -1209,7 +1209,7 @@ export namespace Audits {
     ThirdPartyCookiesBlocked = 'ThirdPartyCookiesBlocked',
     NotSignedInWithIdp = 'NotSignedInWithIdp',
     MissingTransientUserActivation = 'MissingTransientUserActivation',
-    ReplacedByButtonMode = 'ReplacedByButtonMode',
+    ReplacedByActiveMode = 'ReplacedByActiveMode',
     InvalidFieldsSpecified = 'InvalidFieldsSpecified',
     RelyingPartyOriginIsOpaque = 'RelyingPartyOriginIsOpaque',
     TypeNotMatching = 'TypeNotMatching',
@@ -2467,6 +2467,11 @@ export namespace CSS {
      * The array keeps the types of ancestor CSSRules from the innermost going outwards.
      */
     ruleTypes?: CSSRuleType[];
+    /**
+     * @starting-style CSS at-rule array.
+     * The array enumerates @starting-style at-rules starting with the innermost one, going outwards.
+     */
+    startingStyles?: CSSStartingStyle[];
   }
 
   /**
@@ -2480,6 +2485,7 @@ export namespace CSS {
     LayerRule = 'LayerRule',
     ScopeRule = 'ScopeRule',
     StyleRule = 'StyleRule',
+    StartingStyleRule = 'StartingStyleRule',
   }
 
   /**
@@ -2733,6 +2739,10 @@ export namespace CSS {
      * Optional logical axes queried for the container.
      */
     logicalAxes?: DOM.LogicalAxes;
+    /**
+     * true if the query contains scroll-state() queries.
+     */
+    queriesScrollState?: boolean;
   }
 
   /**
@@ -2796,6 +2806,21 @@ export namespace CSS {
     styleSheetId?: StyleSheetId;
   }
 
+  /**
+   * CSS Starting Style at-rule descriptor.
+   */
+  export interface CSSStartingStyle {
+    /**
+     * The associated rule header range in the enclosing stylesheet (if
+     * available).
+     */
+    range?: SourceRange;
+    /**
+     * Identifier of the stylesheet containing this object (if exists).
+     */
+    styleSheetId?: StyleSheetId;
+  }
+
   /**
    * CSS Layer data.
    */
@@ -3771,6 +3796,7 @@ export namespace DOM {
   export const enum PseudoType {
     FirstLine = 'first-line',
     FirstLetter = 'first-letter',
+    Check = 'check',
     Before = 'before',
     After = 'after',
     Marker = 'marker',
@@ -3803,8 +3829,6 @@ export namespace DOM {
     Placeholder = 'placeholder',
     FileSelectorButton = 'file-selector-button',
     DetailsContent = 'details-content',
-    SelectFallbackButton = 'select-fallback-button',
-    SelectFallbackButtonText = 'select-fallback-button-text',
     Picker = 'picker',
   }
 
@@ -4809,6 +4833,7 @@ export namespace DOM {
     containerName?: string;
     physicalAxes?: PhysicalAxes;
     logicalAxes?: LogicalAxes;
+    queriesScrollState?: boolean;
   }
 
   export interface GetContainerForNodeResponse extends ProtocolResponseWithError {
@@ -11593,6 +11618,7 @@ export namespace Page {
     EncryptedMedia = 'encrypted-media',
     ExecutionWhileOutOfViewport = 'execution-while-out-of-viewport',
     ExecutionWhileNotRendered = 'execution-while-not-rendered',
+    FencedUnpartitionedStorageRead = 'fenced-unpartitioned-storage-read',
     FocusWithoutUserActivation = 'focus-without-user-activation',
     Fullscreen = 'fullscreen',
     Frobulate = 'frobulate',
@@ -12490,6 +12516,7 @@ export namespace Page {
     EmbedderExtensionMessagingForOpenPort = 'EmbedderExtensionMessagingForOpenPort',
     EmbedderExtensionSentMessageToCachedFrame = 'EmbedderExtensionSentMessageToCachedFrame',
     RequestedByWebViewClient = 'RequestedByWebViewClient',
+    PostMessageByWebViewClient = 'PostMessageByWebViewClient',
   }
 
   /**
@@ -14645,6 +14672,7 @@ export namespace Storage {
     destinationLimitPriority: SignedInt64AsBase10;
     aggregatableDebugReportingConfig: AttributionReportingAggregatableDebugReportingConfig;
     scopesData?: AttributionScopesData;
+    maxEventLevelReports: integer;
   }
 
   export const enum AttributionReportingSourceRegistrationResult {
@@ -16488,6 +16516,7 @@ export namespace WebAudio {
     Suspended = 'suspended',
     Running = 'running',
     Closed = 'closed',
+    Interrupted = 'interrupted',
   }
 
   /**
@@ -16854,6 +16883,17 @@ export namespace WebAuthn {
      * defaultBackupState value.
      */
     backupState?: boolean;
+    /**
+     * The credential's user.name property. Equivalent to empty if not set.
+     * https://w3c.github.io/webauthn/#dom-publickeycredentialentity-name
+     */
+    userName?: string;
+    /**
+     * The credential's user.displayName property. Equivalent to empty if
+     * not set.
+     * https://w3c.github.io/webauthn/#dom-publickeycredentialuserentity-displayname
+     */
+    userDisplayName?: string;
   }
 
   export interface EnableRequest {
@@ -16954,6 +16994,24 @@ export namespace WebAuthn {
     credential: Credential;
   }
 
+  /**
+   * Triggered when a credential is deleted, e.g. through
+   * PublicKeyCredential.signalUnknownCredential().
+   */
+  export interface CredentialDeletedEvent {
+    authenticatorId: AuthenticatorId;
+    credentialId: binary;
+  }
+
+  /**
+   * Triggered when a credential is updated, e.g. through
+   * PublicKeyCredential.signalCurrentUserDetails().
+   */
+  export interface CredentialUpdatedEvent {
+    authenticatorId: AuthenticatorId;
+    credential: Credential;
+  }
+
   /**
    * Triggered when a credential is used in a webauthn assertion.
    */
@@ -17317,6 +17375,8 @@ export namespace Preload {
     WindowClosed = 'WindowClosed',
     SlowNetwork = 'SlowNetwork',
     OtherPrerenderedPageActivated = 'OtherPrerenderedPageActivated',
+    V8OptimizerDisabled = 'V8OptimizerDisabled',
+    PrerenderFailedDuringPrefetch = 'PrerenderFailedDuringPrefetch',
   }
 
   /**

package/front_end/legacy_test_runner/network_test_runner/network_test_runner.js

@@ -195,6 +195,7 @@ NetworkTestRunner.HARPropertyFormatters = {
   timings: 'formatAsTypeName',
   version: 'formatAsTypeName',
   wait: 'formatAsTypeName',
+  _connectionId: 'formatAsTypeName',
   _transferSize: 'formatAsTypeName',
   _error: 'skip',
   _initiator: 'formatAsTypeName',

package/front_end/legacy_test_runner/sdk_test_runner/sdk_test_runner.js

@@ -40,6 +40,7 @@ SDKTestRunner.PageMock = class {
       'Debugger.enable': this.debuggerEnable,
       'Debugger.getScriptSource': this.debuggerGetScriptSource,
       'Debugger.setBlackboxPatterns': (id, params) => this.sendResponse(id, {}),
+      'Debugger.setBlackboxExecutionContexts': (id, params) => {},
       'Runtime.enable': this.runtimeEnable,
       'Page.enable': this.pageEnable,
       'Page.getResourceTree': this.pageGetResourceTree
@@ -173,9 +174,10 @@ SDKTestRunner.PageMock = class {
   }
 
   createExecutionContext(frame, isContentScript) {
+    const id = nextId();
     return {
-      id: nextId(),
-
+      id,
+      uniqueId: `unique-id-${id}`,
       auxData: {isDefault: !isContentScript, frameId: frame.id},
 
       origin: isContentScript ? defaultContentScriptDomain : frame.securityOrigin,

package/front_end/models/bindings/CSSWorkspaceBinding.ts

@@ -8,11 +8,11 @@ import * as SDK from '../../core/sdk/sdk.js';
 import type * as Workspace from '../workspace/workspace.js';
 
 import {
-  LiveLocationWithPool,
   type LiveLocation as LiveLocationInterface,
   type LiveLocationPool,
+  LiveLocationWithPool,
 } from './LiveLocation.js';
-import {type ResourceMapping} from './ResourceMapping.js';
+import type {ResourceMapping} from './ResourceMapping.js';
 import {SASSSourceMapping} from './SASSSourceMapping.js';
 import {StylesSourceMapping} from './StylesSourceMapping.js';
 

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -35,8 +35,7 @@ import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';
-
-import {type DebuggerSourceMapping, type DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
+import type {DebuggerSourceMapping, DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
 import {IgnoreListManager} from './IgnoreListManager.js';
 import {NetworkProject} from './NetworkProject.js';
 

package/front_end/models/bindings/DebuggerLanguagePlugins.test.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';

package/front_end/models/bindings/DebuggerLanguagePlugins.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';
@@ -13,7 +13,7 @@ import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';
-import {type DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
+import type {DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
 import {NetworkProject} from './NetworkProject.js';
 
 const UIStrings = {

package/front_end/models/bindings/DebuggerWorkspaceBinding.ts

@@ -15,7 +15,7 @@ import {DefaultScriptMapping} from './DefaultScriptMapping.js';
 import {IgnoreListManager} from './IgnoreListManager.js';
 import {type LiveLocation, type LiveLocationPool, LiveLocationWithPool} from './LiveLocation.js';
 import {NetworkProject} from './NetworkProject.js';
-import {type ResourceMapping} from './ResourceMapping.js';
+import type {ResourceMapping} from './ResourceMapping.js';
 import {type ResourceScriptFile, ResourceScriptMapping} from './ResourceScriptMapping.js';
 
 let debuggerWorkspaceBindingInstance: DebuggerWorkspaceBinding|undefined;

package/front_end/models/bindings/DefaultScriptMapping.ts

@@ -35,7 +35,7 @@ import type * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';
-import {type DebuggerSourceMapping, type DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
+import type {DebuggerSourceMapping, DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
 
 export class DefaultScriptMapping implements DebuggerSourceMapping {
   readonly #debuggerWorkspaceBinding: DebuggerWorkspaceBinding;

package/front_end/models/bindings/IgnoreListManager.test.ts

@@ -20,6 +20,7 @@ const UIStrings = {
   addDirectoryToIgnoreList: 'Add directory to ignore list',
   addAllContentScriptsToIgnoreList: 'Add all extension scripts to ignore list',
   addAllThirdPartyScriptsToIgnoreList: 'Add all third-party scripts to ignore list',
+  addAllAnonymousScriptsToIgnoreList: 'Add all anonymous scripts to ignore list',
 };
 
 const sourceMapThirdPartyFolderUrl = 'http://a.b.c/lib' as Platform.DevToolsPath.UrlString;
@@ -56,6 +57,7 @@ describeWithMockConnection('IgnoreListManager', () => {
   let sourceMapFile1UiSourceCode: Workspace.UISourceCode.UISourceCode;
   let sourceMapFile2UiSourceCode: Workspace.UISourceCode.UISourceCode;
   let contentScriptUiSourceCode: Workspace.UISourceCode.UISourceCode;
+  let anonymousScriptUiSourceCode: Workspace.UISourceCode.UISourceCode;
 
   // This test simulates the behavior of the IgnoreListManager with the
   // following document, which contains two inline <script>s, one with
@@ -82,6 +84,7 @@ describeWithMockConnection('IgnoreListManager', () => {
   const webpackSubfolderUrl = 'webpack:///src/subfolder' as Platform.DevToolsPath.UrlString;
   const contentScriptFolderUrl = 'chrome-extension://abc' as Platform.DevToolsPath.UrlString;
   const contentScriptUrl = 'chrome-extension://abc/content.js' as Platform.DevToolsPath.UrlString;
+  const emptyUrl = '' as Platform.DevToolsPath.UrlString;
   const SCRIPTS = [
     {
       scriptId: '1' as Protocol.Runtime.ScriptId,
@@ -113,6 +116,15 @@ describeWithMockConnection('IgnoreListManager', () => {
       executionContextAuxData: {isDefault: false},
       hasSourceURLComment: true,
     },
+    {
+      scriptId: '4' as Protocol.Runtime.ScriptId,
+      startLine: 11,
+      startColumn: 8,
+      endLine: 11,
+      endColumn: 27,
+      sourceURL: emptyUrl,
+      hasSourceURLComment: false,
+    },
   ];
   const ALL_URLS = [...sourceMap.sources, ...SCRIPTS.map(({sourceURL}) => sourceURL)];
 
@@ -137,18 +149,18 @@ describeWithMockConnection('IgnoreListManager', () => {
     const embedderName = url;
     const executionContextId = 1;
     debuggerModel = target.model(SDK.DebuggerModel.DebuggerModel) as SDK.DebuggerModel.DebuggerModel;
-    SCRIPTS.forEach(({
-                      scriptId,
-                      startLine,
-                      startColumn,
-                      endLine,
-                      endColumn,
-                      executionContextAuxData,
-                      sourceURL,
-                      hasSourceURLComment,
-                      sourceMapURL,
-                    }) => {
-      debuggerModel.parsedScriptSource(
+    const scripts = SCRIPTS.map(({
+                                  scriptId,
+                                  startLine,
+                                  startColumn,
+                                  endLine,
+                                  endColumn,
+                                  executionContextAuxData,
+                                  sourceURL,
+                                  hasSourceURLComment,
+                                  sourceMapURL,
+                                }) => {
+      return debuggerModel.parsedScriptSource(
           scriptId, sourceURL, startLine, startColumn, endLine, endColumn, executionContextId, hash,
           executionContextAuxData, false, sourceMapURL, hasSourceURLComment, false, length, false, null, null, null,
           null, embedderName);
@@ -160,6 +172,7 @@ describeWithMockConnection('IgnoreListManager', () => {
     sourceMapFile1UiSourceCode = notNull(workspace.uiSourceCodeForURL(sourceMapFile1Url));
     sourceMapFile2UiSourceCode = notNull(workspace.uiSourceCodeForURL(sourceMapFile2Url));
     nodeModulesUiSourceCode = notNull(workspace.uiSourceCodeForURL(sourceMapNodeModulesUrl));
+    anonymousScriptUiSourceCode = notNull(debuggerWorkspaceBinding.uiSourceCodeForScript(scripts[3]));
   });
 
   // Wrapper around getIgnoreListURLContextMenuItems to make its result more convenient for testing
@@ -210,6 +223,10 @@ describeWithMockConnection('IgnoreListManager', () => {
     assert.isTrue(ignoreListManager.isUserOrSourceMapIgnoreListedUISourceCode(contentScriptUiSourceCode));
   });
 
+  it('default is not ignore anonymous script', () => {
+    assert.isFalse(ignoreListManager.isUserOrSourceMapIgnoreListedUISourceCode(anonymousScriptUiSourceCode));
+  });
+
   it('script context menu enables and disables ignore listing', () => {
     let {items, callbacks} = getContextMenu(webpackUiSourceCode);
 
@@ -558,6 +575,26 @@ describeWithMockConnection('IgnoreListManager', () => {
     assert.sameMembers(items, []);
   });
 
+  it('script context menu enables and disables ignore listing for anonymous scripts', () => {
+    let {items, callbacks} = getContextMenu(anonymousScriptUiSourceCode);
+
+    assert.sameMembers(items, [UIStrings.addAllAnonymousScriptsToIgnoreList]);
+
+    notNull(callbacks.get(UIStrings.addAllAnonymousScriptsToIgnoreList))();
+
+    assert.isFalse(ignoreListManager.isUserOrSourceMapIgnoreListedUISourceCode(uiSourceCode));
+    assert.isTrue(ignoreListManager.isUserOrSourceMapIgnoreListedUISourceCode(anonymousScriptUiSourceCode));
+
+    ({items, callbacks} = getContextMenu(anonymousScriptUiSourceCode));
+
+    assert.sameMembers(items, [UIStrings.removeFromIgnoreList]);
+
+    notNull(callbacks.get(UIStrings.removeFromIgnoreList))();
+
+    assert.isFalse(ignoreListManager.isUserOrSourceMapIgnoreListedUISourceCode(uiSourceCode));
+    assert.isFalse(ignoreListManager.isUserOrSourceMapIgnoreListedUISourceCode(anonymousScriptUiSourceCode));
+  });
+
   describe('isUserOrSourceMapIgnoreListedUISourceCode', () => {
     it('ignores UISourceCodes that are marked', () => {
       const {uiSourceCode} = createContentProviderUISourceCode({

package/front_end/models/bindings/IgnoreListManager.ts

@@ -8,7 +8,7 @@ import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Workspace from '../workspace/workspace.js';
 
-import {type DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
+import type {DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
 
 const UIStrings = {
   /**
@@ -31,6 +31,10 @@ const UIStrings = {
    *@description A context menu item in the Call Stack Sidebar Pane of the Sources panel
    */
   addAllThirdPartyScriptsToIgnoreList: 'Add all third-party scripts to ignore list',
+  /**
+   *@description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   */
+  addAllAnonymousScriptsToIgnoreList: 'Add all anonymous scripts to ignore list',
 };
 
 const str_ = i18n.i18n.registerUIStrings('models/bindings/IgnoreListManager.ts', UIStrings);
@@ -48,6 +52,7 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
   readonly #debuggerWorkspaceBinding: DebuggerWorkspaceBinding;
   readonly #listeners: Set<() => void>;
   readonly #isIgnoreListedURLCache: Map<string, boolean>;
+  readonly #contentScriptExecutionContexts: Set<string>;
 
   private constructor(debuggerWorkspaceBinding: DebuggerWorkspaceBinding) {
     this.#debuggerWorkspaceBinding = debuggerWorkspaceBinding;
@@ -55,6 +60,12 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     SDK.TargetManager.TargetManager.instance().addModelListener(
         SDK.DebuggerModel.DebuggerModel, SDK.DebuggerModel.Events.GlobalObjectCleared,
         this.clearCacheIfNeeded.bind(this), this);
+    SDK.TargetManager.TargetManager.instance().addModelListener(
+        SDK.RuntimeModel.RuntimeModel, SDK.RuntimeModel.Events.ExecutionContextCreated, this.onExecutionContextCreated,
+        this, {scoped: true});
+    SDK.TargetManager.TargetManager.instance().addModelListener(
+        SDK.RuntimeModel.RuntimeModel, SDK.RuntimeModel.Events.ExecutionContextDestroyed,
+        this.onExecutionContextDestroyed, this, {scoped: true});
     Common.Settings.Settings.instance()
         .moduleSetting('skip-stack-frames-pattern')
         .addChangeListener(this.patternChanged.bind(this));
@@ -67,10 +78,13 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     Common.Settings.Settings.instance()
         .moduleSetting('enable-ignore-listing')
         .addChangeListener(this.patternChanged.bind(this));
+    Common.Settings.Settings.instance()
+        .moduleSetting('skip-anonymous-scripts')
+        .addChangeListener(this.patternChanged.bind(this));
 
     this.#listeners = new Set();
-
     this.#isIgnoreListedURLCache = new Map();
+    this.#contentScriptExecutionContexts = new Set();
 
     SDK.TargetManager.TargetManager.instance().observeModels(SDK.DebuggerModel.DebuggerModel, this);
   }
@@ -117,6 +131,36 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     sourceMapManager.removeEventListener(SDK.SourceMapManager.Events.SourceMapDetached, this.sourceMapDetached, this);
   }
 
+  private isContentScript(executionContext: SDK.RuntimeModel.ExecutionContext): boolean {
+    return !executionContext.isDefault;
+  }
+
+  private onExecutionContextCreated(event: Common.EventTarget.EventTargetEvent<SDK.RuntimeModel.ExecutionContext>):
+      void {
+    if (this.isContentScript(event.data)) {
+      this.#contentScriptExecutionContexts.add(event.data.uniqueId);
+      if (this.skipContentScripts) {
+        for (const debuggerModel of SDK.TargetManager.TargetManager.instance().models(
+                 SDK.DebuggerModel.DebuggerModel)) {
+          void this.updateIgnoredExecutionContexts(debuggerModel);
+        }
+      }
+    }
+  }
+
+  private onExecutionContextDestroyed(event: Common.EventTarget.EventTargetEvent<SDK.RuntimeModel.ExecutionContext>):
+      void {
+    if (this.isContentScript(event.data)) {
+      this.#contentScriptExecutionContexts.delete(event.data.uniqueId);
+      if (this.skipContentScripts) {
+        for (const debuggerModel of SDK.TargetManager.TargetManager.instance().models(
+                 SDK.DebuggerModel.DebuggerModel)) {
+          void this.updateIgnoredExecutionContexts(debuggerModel);
+        }
+      }
+    }
+  }
+
   private clearCacheIfNeeded(): void {
     if (this.#isIgnoreListedURLCache.size > 1024) {
       this.#isIgnoreListedURLCache.clear();
@@ -136,7 +180,12 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
         patterns.push(item.pattern);
       }
     }
-    return debuggerModel.setBlackboxPatterns(patterns);
+    return debuggerModel.setBlackboxPatterns(patterns, this.skipAnonymousScripts);
+  }
+
+  private updateIgnoredExecutionContexts(debuggerModel: SDK.DebuggerModel.DebuggerModel): Promise<boolean> {
+    return debuggerModel.setBlackboxExecutionContexts(
+        this.skipContentScripts ? Array.from(this.#contentScriptExecutionContexts) : []);
   }
 
   private getGeneralRulesForUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): IgnoreListGeneralRules {
@@ -165,7 +214,7 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
       return true;
     }
     if (!url) {
-      return false;
+      return this.skipAnonymousScripts;
     }
     if (this.#isIgnoreListedURLCache.has(url)) {
       return Boolean(this.#isIgnoreListedURLCache.get(url));
@@ -271,6 +320,11 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     return this.enableIgnoreListing && Common.Settings.Settings.instance().moduleSetting('skip-content-scripts').get();
   }
 
+  get skipAnonymousScripts(): boolean {
+    return this.enableIgnoreListing &&
+        Common.Settings.Settings.instance().moduleSetting('skip-anonymous-scripts').get();
+  }
+
   get automaticallyIgnoreListKnownThirdPartyScripts(): boolean {
     return this.enableIgnoreListing &&
         Common.Settings.Settings.instance().moduleSetting('automatically-ignore-list-known-third-party-scripts').get();
@@ -287,6 +341,17 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     Common.Settings.Settings.instance().moduleSetting('skip-content-scripts').set(false);
   }
 
+  ignoreListAnonymousScripts(): void {
+    if (!this.enableIgnoreListing) {
+      this.enableIgnoreListing = true;
+    }
+    Common.Settings.Settings.instance().moduleSetting('skip-anonymous-scripts').set(true);
+  }
+
+  unIgnoreListAnonymousScripts(): void {
+    Common.Settings.Settings.instance().moduleSetting('skip-anonymous-scripts').set(false);
+  }
+
   ignoreListThirdParty(): void {
     if (!this.enableIgnoreListing) {
       this.enableIgnoreListing = true;
@@ -337,6 +402,7 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     }
 
     if (!url) {
+      this.unIgnoreListAnonymousScripts();
       return;
     }
 
@@ -389,6 +455,7 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
       for (const script of debuggerModel.scripts()) {
         promises.push(this.updateScriptRanges(script, sourceMapManager.sourceMapForClient(script)));
       }
+      promises.push(this.updateIgnoredExecutionContexts(debuggerModel));
     }
     await Promise.all(promises);
     const listeners = Array.from(this.#listeners);
@@ -443,10 +510,11 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     const menuItems: Array<{text: string, callback: () => void, jslogContext: string}> = [];
     const canIgnoreList = this.canIgnoreListUISourceCode(uiSourceCode);
     const isIgnoreListed = this.isUserOrSourceMapIgnoreListedUISourceCode(uiSourceCode);
+    const isAnonymous = !this.uiSourceCodeURL(uiSourceCode);
     const {isContentScript, isKnownThirdParty} = this.getGeneralRulesForUISourceCode(uiSourceCode);
 
     if (isIgnoreListed) {
-      if (canIgnoreList || isContentScript || isKnownThirdParty) {
+      if (canIgnoreList || isContentScript || isKnownThirdParty || isAnonymous) {
         menuItems.push({
           text: i18nString(UIStrings.removeFromIgnoreList),
           callback: this.unIgnoreListUISourceCode.bind(this, uiSourceCode),
@@ -460,6 +528,12 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
           callback: this.ignoreListUISourceCode.bind(this, uiSourceCode),
           jslogContext: 'add-script-to-ignorelist',
         });
+      } else if (isAnonymous) {
+        menuItems.push({
+          text: i18nString(UIStrings.addAllAnonymousScriptsToIgnoreList),
+          callback: this.ignoreListAnonymousScripts.bind(this),
+          jslogContext: 'add-anonymous-scripts-to-ignorelist',
+        });
       }
       menuItems.push(...this.getIgnoreListGeneralContextMenuItems({isContentScript, isKnownThirdParty}));
     }

package/front_end/models/bindings/ResourceMapping.ts

@@ -521,7 +521,7 @@ class Binding implements TextUtils.ContentProvider.ContentProvider {
 
   private firstResource(): SDK.Resource.Resource {
     console.assert(this.resources.size > 0);
-    return this.resources.values().next().value;
+    return this.resources.values().next().value as SDK.Resource.Resource;
   }
 
   contentURL(): Platform.DevToolsPath.UrlString {

package/front_end/models/bindings/StylesSourceMapping.ts

@@ -35,7 +35,7 @@ import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';
-import {type SourceMapping} from './CSSWorkspaceBinding.js';
+import type {SourceMapping} from './CSSWorkspaceBinding.js';
 import {NetworkProject} from './NetworkProject.js';
 import {metadataForURL} from './ResourceUtils.js';
 
@@ -303,28 +303,33 @@ export class StyleFile implements TextUtils.ContentProvider.ContentProvider {
 
   contentURL(): Platform.DevToolsPath.UrlString {
     console.assert(this.headers.size > 0);
-    return this.headers.values().next().value.originalContentProvider().contentURL();
+    return this.#firstHeader().originalContentProvider().contentURL();
   }
 
   contentType(): Common.ResourceType.ResourceType {
     console.assert(this.headers.size > 0);
-    return this.headers.values().next().value.originalContentProvider().contentType();
+    return this.#firstHeader().originalContentProvider().contentType();
   }
 
   requestContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
     console.assert(this.headers.size > 0);
-    return this.headers.values().next().value.originalContentProvider().requestContent();
+    return this.#firstHeader().originalContentProvider().requestContent();
   }
 
   requestContentData(): Promise<TextUtils.ContentData.ContentDataOrError> {
     console.assert(this.headers.size > 0);
-    return this.headers.values().next().value.originalContentProvider().requestContentData();
+    return this.#firstHeader().originalContentProvider().requestContentData();
   }
 
   searchInContent(query: string, caseSensitive: boolean, isRegex: boolean):
       Promise<TextUtils.ContentProvider.SearchMatch[]> {
     console.assert(this.headers.size > 0);
-    return this.headers.values().next().value.originalContentProvider().searchInContent(query, caseSensitive, isRegex);
+    return this.#firstHeader().originalContentProvider().searchInContent(query, caseSensitive, isRegex);
+  }
+
+  #firstHeader(): SDK.CSSStyleSheetHeader.CSSStyleSheetHeader {
+    console.assert(this.headers.size > 0);
+    return this.headers.values().next().value as SDK.CSSStyleSheetHeader.CSSStyleSheetHeader;
   }
 
   static readonly updateTimeout = 200;

package/front_end/models/breakpoints/BreakpointManager.test.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';

package/front_end/models/extensions/ExtensionPanel.ts

@@ -34,7 +34,7 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import * as ExtensionAPI from './ExtensionAPI.js';
-import {type ExtensionServer} from './ExtensionServer.js';
+import type {ExtensionServer} from './ExtensionServer.js';
 import {ExtensionNotifierView, ExtensionView} from './ExtensionView.js';
 
 export class ExtensionPanel extends UI.Panel.Panel implements UI.SearchableView.Searchable {

package/front_end/models/extensions/ExtensionServer.test.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';