chrome-devtools-frontend 1.0.1675430 → 1.0.1678416

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -2445,7 +2445,7 @@ export const NativeFunctions = [
   },
   {
     name: "importNode",
-    signatures: [["node","?options"],["node","?deep"]]
+    signatures: [["node","?options"]]
   },
   {
     name: "queryCommandEnabled",
@@ -6656,7 +6656,7 @@ export const NativeFunctions = [
   },
   {
     name: "WebSocket",
-    signatures: [["url","?protocols"]]
+    signatures: [["url","?protocolsOrOptions"]]
   },
   {
     name: "WebSocketError",
@@ -7102,10 +7102,6 @@ export const NativeFunctions = [
     name: "contributeToHistogram",
     signatures: [["contribution"]]
   },
-  {
-    name: "contributeToHistogramOnEvent",
-    signatures: [["event","contribution"]]
-  },
   {
     name: "enableDebugMode",
     signatures: [["?options"]]
@@ -8402,6 +8398,10 @@ export const NativeFunctions = [
     name: "markConditional",
     signatures: [["markName"]]
   },
+  {
+    name: "measureConditional",
+    signatures: [["measureName","?startMark","?endMark"]]
+  },
   {
     name: "PerformanceMark",
     signatures: [["markName","?markOptions"]]

package/front_end/models/persistence/IsolatedFileSystem.ts

@@ -13,14 +13,14 @@ import {Events as PlatformFileSystemEvents, PlatformFileSystem, PlatformFileSyst
 
 const UIStrings = {
   /**
-   * @description Text in Isolated File System of the Workspace settings in Settings
+   * @description Text in isolated file system of workspace settings in Settings.
    * @example {folder does not exist} PH1
    */
   fileSystemErrorS: 'File system error: {PH1}',
   /**
-   * @description Error message when reading a remote blob
+   * @description Error message when reading a remote blob.
    */
-  blobCouldNotBeLoaded: 'Blob could not be loaded.',
+  blobCouldNotBeLoaded: 'Blob couldn’t be loaded',
   /**
    * @description Error message when reading a file.
    * @example {c:\dir\file.js} PH1
@@ -28,18 +28,17 @@ const UIStrings = {
    */
   cantReadFileSS: 'Can’t read file: {PH1}: {PH2}',
   /**
-   * @description Text to show something is linked to another
+   * @description Text to show something is linked to another.
    * @example {example.url} PH1
    */
   linkedToS: 'Linked to {PH1}',
   /**
-   * @description Error message shown when devtools failed to create a file system directory.
+   * @description Error message shown when DevTools failed to create a file system directory.
    * @example {path/} PH1
    */
-  createDirFailedBecausePathIsFile:
-      'Overrides: Failed to create directory {PH1} because the path exists and is a file.',
+  createDirFailedBecausePathIsFile: 'Overrides: Failed to create directory {PH1} because the path exists and is a file',
   /**
-   * @description Error message shown when devtools failed to create a file system directory.
+   * @description Error message shown when DevTools failed to create a file system directory.
    * @example {path/} PH1
    */
   createDirFailed: 'Overrides: Failed to create directory {PH1}. Are the workspace or overrides configured correctly?',

package/front_end/models/persistence/IsolatedFileSystemManager.ts

@@ -18,10 +18,10 @@ import {
 
 const UIStrings = {
   /**
-   * @description Text in Isolated File System Manager of the Workspace settings in Settings
+   * @description Text in isolated file system manager of workspace settings in Settings.
    * @example {folder does not exist} PH1
    */
-  unableToAddFilesystemS: 'Unable to add filesystem: {PH1}',
+  unableToAddFilesystemS: 'Can’t add file system: {PH1}',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/persistence/IsolatedFileSystemManager.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/persistence/PlatformFileSystem.ts

@@ -11,7 +11,7 @@ const UIStrings = {
   /**
    * @description Assertion error message when failing to load a file.
    */
-  unableToReadFilesWithThis: '`PlatformFileSystem` cannot read files.',
+  unableToReadFilesWithThis: '`PlatformFileSystem` can’t read files',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/persistence/PlatformFileSystem.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/persistence/persistence-meta.ts

@@ -7,36 +7,36 @@ import * as i18n from '../../core/i18n/i18n.js';
 
 const UIStrings = {
   /**
-   * @description Title of a setting under the Persistence category in Settings
+   * @description Title of a setting under the Persistence category in Settings.
    */
   localOverrides: 'Local overrides',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
    */
   interception: 'interception',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
    */
   override: 'override',
   /**
-   * @description A tag of Group Network by frame setting that can be searched in the command menu
+   * @description A tag of group network by frame setting that can be searched in the command menu.
    */
   network: 'network',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
    */
   rewrite: 'rewrite',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu.
-   *Noun for network request.
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
+   * Noun for network request.
    */
   request: 'request',
   /**
-   * @description Title of an option under the Persistence category that can be invoked through the Command Menu
+   * @description Title of an option under the Persistence category that can be invoked through the command menu.
    */
   enableOverrideNetworkRequests: 'Enable override network requests',
   /**
-   * @description Title of an option under the Persistence category that can be invoked through the Command Menu
+   * @description Title of an option under the Persistence category that can be invoked through the command menu.
    */
   disableOverrideNetworkRequests: 'Disable override network requests',
 } as const;

package/front_end/models/trace/types/TraceEvents.ts

@@ -3277,6 +3277,42 @@ export const Categories = {
   Loading: 'loading',
 } as const;
 
+export const DefaultCategories = [
+  'blink.console',
+  'blink.user_timing',
+  'loading',
+  'devtools.timeline',
+  'disabled-by-default-devtools.target-rundown',
+  'disabled-by-default-devtools.timeline.frame',
+  'disabled-by-default-devtools.timeline.stack',
+  'disabled-by-default-devtools.timeline',
+  'disabled-by-default-devtools.v8-source-rundown-sources',
+  'disabled-by-default-devtools.v8-source-rundown',
+  'disabled-by-default-layout_shift.debug',
+  'disabled-by-default-v8.inspector',
+  'disabled-by-default-v8.cpu_profiler.hires',
+  'disabled-by-default-lighthouse',
+  'v8.execute',
+  'v8',
+  'cppgc',
+  'navigation,rail',
+] as const;
+
+export const OptionalCategories = {
+  JsSampling: ['disabled-by-default-v8.cpu_profiler'],
+  InvalidationTracking: ['disabled-by-default-devtools.timeline.invalidationTracking'],
+  AdvancedPaint: [
+    'disabled-by-default-devtools.timeline.layers',
+    'disabled-by-default-devtools.timeline.picture',
+    'disabled-by-default-blink.graphics_context_annotations',
+  ],
+  Screenshot: ['disabled-by-default-devtools.screenshot'],
+  CssSelectorStats: [
+    'disabled-by-default-blink.debug',
+    'disabled-by-default-devtools.timeline.invalidationTracking',
+  ],
+} as const;
+
 /**
  * The frames implementation in handlers/FramesHandler is considered "legacy"
  * in that it is based on the old TimelineModel implementation rather than

package/front_end/panels/accessibility/ARIAAttributesView.ts

@@ -15,11 +15,11 @@ import {ariaMetadata} from './ARIAMetadata.js';
 
 const UIStrings = {
   /**
-   * @description Text in ARIAAttributes View of the Accessibility panel
+   * @description Text in the ARIA attributes view under the Accessibility tab in the Elements panel.
    */
-  ariaAttributes: 'ARIA Attributes',
+  ariaAttributes: 'ARIA attributes',
   /**
-   * @description Text in ARIAAttributes View of the Accessibility panel
+   * @description Text in the ARIA attributes view under the Accessibility tab in the Elements panel.
    */
   noAriaAttributes: 'No ARIA attributes',
 } as const;

package/front_end/panels/accessibility/AccessibilityAnnouncementRecordingView.ts

@@ -0,0 +1,25 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as i18n from '../../core/i18n/i18n.js';
+
+import {AccessibilitySubPane} from './AccessibilitySubPane.js';
+
+const UIStrings = {
+  /**
+   * @description Title for the ARIA-Live and JS announcements recording tool
+   */
+  ariaLiveRecording: 'A11y Announcements recording',
+} as const;
+const str_ = i18n.i18n.registerUIStrings('panels/accessibility/AccessibilityAnnouncementRecordingView.ts', UIStrings);
+const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+
+export class AccessibilityAnnouncementRecordingView extends AccessibilitySubPane {
+  constructor() {
+    super({
+      title: i18nString(UIStrings.ariaLiveRecording),
+      viewId: 'aria-live-recording',
+    });
+  }
+}

package/front_end/panels/accessibility/AccessibilityNodeView.ts

@@ -20,105 +20,105 @@ import {AccessibilitySubPane} from './AccessibilitySubPane.js';
 
 const UIStrings = {
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the computed properties view under the Accessibility tab in the Elements panel.
    */
-  computedProperties: 'Computed Properties',
+  computedProperties: 'Computed properties',
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the Accessibility tab in the Elements panel.
    */
   noAccessibilityNode: 'No accessibility node',
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the Accessibility tab in the Elements panel.
    */
   accessibilityNodeNotExposed: 'Accessibility node not exposed',
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the Accessibility tab in the Elements panel.
    */
-  invalidSource: 'Invalid source.',
+  invalidSource: 'Invalid source',
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the Accessibility tab in the Elements panel.
    */
   notSpecified: 'Not specified',
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the Accessibility tab in the Elements panel.
    */
-  noNodeWithThisId: 'No node with this ID.',
+  noNodeWithThisId: 'No node with this ID',
   /**
-   * @description Text which appears in the Accessibility Node View of the Accessibility panel when an element is covered by a modal/popup window
+   * @description Text that appears in the Accessibility tab in the Elements panel when an element is covered by a modal or pop-up window.
    */
   elementIsHiddenBy: 'Element is hidden by active modal dialog:\xA0',
   /**
-   * @description Text which appears in the Accessibility Node View of the Accessibility panel when an element is hidden by another accessibility tree.
+   * @description Text that appears in the Accessibility tab in the Elements panel when an element is hidden by another accessibility tree.
    */
   elementIsHiddenByChildTree: 'Element is hidden by child tree:\xA0',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
   ancestorChildrenAreAll: 'Ancestor’s children are all presentational:\xA0',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    * @example {aria-hidden} PH1
    */
   elementIsPlaceholder: 'Element is {PH1}.',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    * @example {aria-hidden} PH1
    * @example {true} PH2
    */
   placeholderIsPlaceholderOnAncestor: '{PH1} is {PH2} on ancestor:\xA0',
   /**
-   * @description Text in Accessibility Node View of the Accessibility panel
+   * @description Text in the Accessibility tab in the Elements panel.
    */
-  elementHasEmptyAltText: 'Element has empty alt text.',
+  elementHasEmptyAltText: 'Element has empty alt text',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
-  noTextContent: 'No text content.',
+  noTextContent: 'No text content',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
-  elementIsInert: 'Element is `inert`.',
+  elementIsInert: 'Element is `inert`',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
   elementIsInAnInertSubTree: 'Element is in an `inert` subtree from\xA0',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
   elementsInheritsPresentational: 'Element inherits presentational role from\xA0',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
   partOfLabelElement: 'Part of label element:\xA0',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
   labelFor: 'Label for\xA0',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
-  elementIsNotRendered: 'Element is not rendered.',
+  elementIsNotRendered: 'Element is not rendered',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
-  elementIsNotVisible: 'Element is not visible.',
+  elementIsNotVisible: 'Element is not visible',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel. Indicates the
-   *ARIA role for this element, which will always have the format 'role=', but with different roles
-   *(which are not translated). https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
+   * @description Reason in the Accessibility tab in the Elements panel. Indicates the
+   * ARIA role for this element, which will always have the format 'role=', but with different roles
+   * (which are not translated). https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
    * @example {role=link} PH1
    */
   elementHasPlaceholder: 'Element has {PH1}.',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility panel
+   * @description Reason in the Accessibility tab in the Elements panel.
    */
-  elementIsPresentational: 'Element is presentational.',
+  elementIsPresentational: 'Element is presentational',
   /**
-   * @description Reason element in Accessibility Node View of the Accessibility pane. Here
+   * @description Reason in the Accessibility tab in the Elements panel. Here
    * 'interesting' is from the perspective of the accessibility engine in Chrome. A non-interesting
-   * element doesn't have any special accessibility considerations
+   * element doesn't have any special accessibility considerations.
    */
-  elementNotInteresting: 'Element not interesting for accessibility.',
+  elementNotInteresting: 'Element not interesting for accessibility',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/accessibility/AccessibilityNodeView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/panels/accessibility/AccessibilitySidebarView.ts

@@ -7,10 +7,14 @@ import '../../ui/components/switch/switch.js';
 
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
+import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Lit from '../../ui/lit/lit.js';
 
+import {
+  AccessibilityAnnouncementRecordingView,
+} from './AccessibilityAnnouncementRecordingView.js';
 import {AXNodeSubPane} from './AccessibilityNodeView.js';
 import accessibilitySidebarViewStyles from './accessibilitySidebarView.css.js';
 import {ARIAAttributesPane} from './ARIAAttributesView.js';
@@ -37,6 +41,7 @@ export class AccessibilitySidebarView extends UI.Widget.VBox {
   private readonly ariaSubPane: ARIAAttributesPane;
   private readonly axNodeSubPane: AXNodeSubPane;
   private readonly sourceOrderSubPane: SourceOrderPane;
+  private readonly announcementsRecordingSubPane?: AccessibilityAnnouncementRecordingView;
   private readonly toggleContainer: HTMLElement;
   private readonly toggleAction: UI.ActionRegistration.Action;
 
@@ -63,6 +68,10 @@ export class AccessibilitySidebarView extends UI.Widget.VBox {
     void this.sidebarPaneStack.showView(this.axNodeSubPane);
     this.sourceOrderSubPane = new SourceOrderPane();
     void this.sidebarPaneStack.showView(this.sourceOrderSubPane);
+    if (Boolean(Root.Runtime.hostConfig.devToolsAriaLiveRecording?.enabled)) {
+      this.announcementsRecordingSubPane = new AccessibilityAnnouncementRecordingView();
+      void this.sidebarPaneStack.showView(this.announcementsRecordingSubPane);
+    }
     this.sidebarPaneStack.widget().show(this.element);
     UI.Context.Context.instance().addFlavorChangeListener(SDK.DOMModel.DOMNode, this.pullNode, this);
     this.pullNode();