![Kayce Basques](https://web.dev/images/authors/kaycebasques.jpg) Kayce Basques [X](https://twitter.com/kaycebasques) [GitHub](https://github.com/kaycebasques)

<br />

> [!NOTE]
> **Note:** Interested in helping improve DevTools? Sign up to participate in [Google User Research here](https://google.qualtrics.com/jfe/form/SV_9YbKj35IGoGsDBj?reserved=1&utm_source=Website+feature&Q_Language=en&utm_medium=own_web&utm_campaign=Q4&productTag=chrm&campaignDate=November2020&referral_code=UXFm430458).

New to DevTools in Chrome 68:

- [Eager Evaluation](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#eagerevaluation). As you type expressions, the Console previews the result.
- [Argument hints](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#hints). As you type functions, the Console shows you the expected arguments for that function.
- [Function autocompletion](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#autocomplete). After typing a function call such as `document.querySelector('p')`, the Console shows you the functions and properties that the return value supports.
- [ES2017 keywords in the Console](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#keywords). Keywords such as `await` are now available in the Console's autocomplete UI.
- [Lighthouse 3.0 in the Audits panel](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#lh3). Faster, more consistent audits, a new UI, and new audits.
- [`BigInt` support](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#bigint). Try out JavaScript's new arbitrary-precision integer in the Console.
- [Adding property paths to the Watch pane](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#watch). Add properties from the Scope pane to the Watch pane.
- ["Show timestamps" moved to Settings](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#timestamps).

> [!NOTE]
> **Note:** Check what version of Chrome you're running at `chrome://version`. If you're running an earlier version, these features won't exist. If you're running a later version, these features may have changed. Chrome auto-updates to a new major version about every 6 weeks.

Read on, or watch the video version of the release notes, below.

[Video](https://www.youtube.com/watch?v=br4JZ5qz_20)

## Assistive Console

Chrome 68 ships with a few new Console features related to autocompletion and previewing.

### Eager Evaluation

When you type an expression in the Console, the Console can now show a preview of the result of that
expression below your cursor.

![The Console is printing the result of the sort() operation before it has been explicitly executed.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/the-console-is-printing-34f98aae58af3.png)

**Figure 1** . The Console is printing the result of the `sort()` operation before it has been
explicitly executed

To enable Eager Evaluation:

1. Open the **Console**.
2. Open **Console Settings** ![The Console Settings button](https://developer.chrome.com/static/blog/new-in-devtools-68/image/the-console-settings-butt-5c6f7eec089c3.png).
3. Enable the **Eager evaluation** checkbox.

DevTools does not eager evaluate if the expression causes [side effects](https://stackoverflow.com/a/8129277/1669860).

### Argument hints

As you're typing out functions, the Console now shows you the arguments that the function expects.

![Argument hints in the Console.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/argument-hints-the-conso-f9a8dbed8fd36.png)

**Figure 2**. Various examples of argument hints in the Console

Notes:

- A question mark before an arg, such as `?options`, represents an [optional](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Default_parameters) arg.
- An ellipsis before an arg, such as `...items`, represents a [spread](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax).
- Some functions, such as `CSS.supports()`, accept multiple argument signatures.

### Autocomplete after function executions

> [!NOTE]
> **Note:** This feature depends on [Eager Evaluation](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#eagerevaluation), which needs to be enabled from **Console
> Settings** ![Console Settings](https://developer.chrome.com/static/blog/new-in-devtools-68/image/console-settings-e033e6ebe0815.png).

After enabling Eager Evaluation, the Console now also shows you which properties and functions are
available after you type out a function.

![After running document.querySelector('p'), the Console can now show you the available properties and functions for that element.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/after-running-documentqu-ed64cf640f799.png)

**Figure 3**. The top screenshot represents the old behavior, and the bottom screenshot represents
the new behavior that supports function autocompletion

### ES2017 keywords in autocomplete

ES2017 keywords, such as `await`, are now available in the Console's autocomplete UI.

![The Console now suggests 'await' in its autocomplete UI.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/the-console-suggests-aw-cb90265230984.png)

**Figure 4** . The Console now suggests `await` in its autocomplete UI

## Faster, more reliable audits, a new UI, and new audits

Chrome 68 ships with Lighthouse 3.0. The next sections are a roundup of some of the biggest changes.
See [Announcing Lighthouse 3.0](https://developers.google.com/web/updates/2018/05/lighthouse3) for the full story.

### Faster, more reliable audits

Lighthouse 3.0 has a new internal auditing engine, codenamed Lantern, which completes your audits
faster, and with less variance between runs.

### New UI

Lighthouse 3.0 also brings a new UI, thanks to a collaboration between the Lighthouse and Chrome UX
(Research \& Design) teams.

![The new report UI in Lighthouse 3.0.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/the-report-ui-lighthous-848ba0642327a.png)

**Figure 5**. The new report UI in Lighthouse 3.0

### New audits

Lighthouse 3.0 also ships with 4 new audits:

- First Contentful Paint
- robots.txt is not valid
- Use video formats for animated content
- Avoid multiple, costly round trips to any origin

## BigInt support

> [!NOTE]
> **Note:** This isn't a DevTools features per se, but it is a new JavaScript capability that you can try out in the Console.

Chrome 68 supports a new numeric primitive called [`BigInt`](https://developers.google.com/web/updates/2018/05/bigint). `BigInt` lets you represent
integers with arbitrary precision. Try it out in the Console:

![An example of BigInt in the Console.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/an-example-bigint-the-c-dd62c969e9f62.png)

**Figure 6** . An example of `BigInt` in the Console

## Add property path to watch

While paused on a breakpoint, right-click a property in the Scope pane and select **Add property
path to watch** to add that property to the Watch pane.

![An example of Add property path to watch.](https://developer.chrome.com/static/blog/new-in-devtools-68/image/an-example-add-property-9914c2a54abdc.png)

**Figure 7** . An example of **Add property path to watch**

## "Show timestamps" moved to settings

The **Show timestamps** checkbox previously in **Console Settings**
![The Console Settings button](https://developer.chrome.com/static/blog/new-in-devtools-68/image/the-console-settings-butt-de298238dea2.png) has moved to [Settings](https://developer.chrome.com/docs/devtools/customize.md.txt#settings).

## Download the preview channels

Consider using the Chrome [Canary](https://www.google.com/chrome/canary/), [Dev](https://www.google.com/chrome/dev/), or [Beta](https://www.google.com/chrome/beta/) as your default development browser. These preview channels give you access to the latest DevTools features, let you test cutting-edge web platform APIs, and help you find issues on your site before your users do!

## Get in touch with the Chrome DevTools team

Use the following options to discuss the new features, updates, or anything else related to DevTools.

- Submit feedback and feature requests to us at [crbug.com](https://crbug.com).
- Report a DevTools issue using the **More options** \> **Help** \> **Report a DevTools issue** in DevTools.
- Tweet at [@ChromeDevTools](https://twitter.com/intent/tweet?text=@ChromeDevTools).
- Leave comments on [What's new in DevTools YouTube videos](https://goo.gle/devtools-youtube) or [DevTools Tips YouTube videos](https://goo.gle/devtools-tips).

## What's new in DevTools

A list of everything that has been covered in the [What's new in DevTools](https://developer.chrome.com/docs/devtools/news) series.

### Chrome 143

- [DevTools MCP server updates](https://developer.chrome.com/blog/new-in-devtools-143.md.txt#mcp)
- [Improved trace sharing](https://developer.chrome.com/blog/new-in-devtools-143.md.txt#trace-sharing)
- [Support for @starting-style](https://developer.chrome.com/blog/new-in-devtools-143.md.txt#starting-style)
- [Editor widget for display: masonry](https://developer.chrome.com/blog/new-in-devtools-143.md.txt#masonry)
- [Lighthouse 13](https://developer.chrome.com/blog/new-in-devtools-143.md.txt#lighthouse)

### Chrome 142

- [Code suggestions from Gemini](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#code-suggestions)
- [Enhancements for the DevTools MCP server](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#mcp)
- [Quicker access to AI assistance](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#ai-assistance)
- [Debug the full performance trace with Gemini](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#performance)
- [Toggle drawer orientation](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#drawer-orientation)
- [Google Developer Program](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#google-developer-program)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-142.md.txt#misc)

### Chrome 141

- [Chrome DevTools (MCP) for your AI agent](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#mcp)
- [Debug the network dependency tree with Gemini](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#ai-insight)
- [Export your chats with Gemini](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#ai-chat-export)
- [Persisted track configuration in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#persisted-track-config)
- [Filter IP protected network requests](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#ipp)
- [Elements \> Layout tab adds masonry layout support](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#masonry)
- [Lighthouse 12.8.2](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-141.md.txt#misc)

### Chrome 140

- [Debug more insights with Gemini](https://developer.chrome.com/blog/new-in-devtools-140.md.txt#ai-insights)
- [Emulate the 'Save-Data' header in 'Network conditions'](https://developer.chrome.com/blog/new-in-devtools-140.md.txt#save-data)
- [See the Baseline status in a CSS property tooltip](https://developer.chrome.com/blog/new-in-devtools-140.md.txt#baseline-tooltip)
- [Override form factors in user agent client hints](https://developer.chrome.com/blog/new-in-devtools-140.md.txt#form-factors)
- [Lighthouse 12.8.0](https://developer.chrome.com/blog/new-in-devtools-140.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-140.md.txt#misc)

### Chrome 139

- [A more reliable and productive Chrome DevTools](https://developer.chrome.com/blog/new-in-devtools-139.md.txt#reliable-devtools)
- [Upload images in AI assistance for styling](https://developer.chrome.com/blog/new-in-devtools-139.md.txt#multimodal-input)
- [Add request headers to the table in Network](https://developer.chrome.com/blog/new-in-devtools-139.md.txt#request-headers)
- [Check out the highlights from Google I/O 2025](https://developer.chrome.com/blog/new-in-devtools-139.md.txt#io)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-139.md.txt#misc)

### Chrome 138

- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#perf)
- [Preconnected origins in 'Network dependency tree' insight](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#preconnect)
- [Server response and redirection times in 'Document request latency' insight](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#doc-req-latency-times)
- [Redirects in Summary of network requests](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#redirects)
- [Reduced noise in the performance trace](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#perf-compile-disabled)
- [Deprecated 'Disable JavaScript samples'](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#disable-js-samples)
- [Geolocation accuracy parameter in Sensors](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#geo-accuracy)
- [Elements panel improvements](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#elements)
- [Debug complex CSS values easier](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#debug-css-values)
- [@function support in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#at-function)
- [Network panel improvements](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#network)
- [has-request-header filter](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#has-request-header)
- [Direct Sockets in Isolated Web Apps](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#direct-sockets)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#misc)
- [Accessibility](https://developer.chrome.com/blog/new-in-devtools-138.md.txt#accessibility)

### Chrome 137

- [Google I/O 2025 edition](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#io-edition)
- [Modify and save CSS changes to your workspace with Gemini](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#ai-styling)
- [Connect a workspace folder and save changes back to your source files](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#workspace)
- [Ask Gemini about performance insights](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#ai-insights)
- [Annotate performance findings with Gemini](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#ai-annotations)
- [Add screenshots to your chats with Gemini](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#ai-screenshot)
- [New insights in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#new-perf-insights)
- [Duplicated JavaScript](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#duplicated-js)
- [Legacy JavaScript](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#legacy-js)
- [Speculations now support rule tags](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#speculation-rule-tags)
- [Lighthouse 12.6.0](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#misc)
- [Accessibility](https://developer.chrome.com/blog/new-in-devtools-137.md.txt#accessibility)

### Chrome 136

- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#perf)
- [New performance insights](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#perf-insights)
- [Click to highlight](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#click-to-highlight)
- [Server timings in Summary of network requests](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#server-timings)
- [Filter cookies in 'Privacy and security'](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#cookies-filter)
- [Sizes in kB units in tables across panels](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#kb-units)
- [Autocomplete supports corner-shape and corner-\*-shape in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#corner-shape-autocomplete)
- [Experimental: Highlighting issues with elements and attributes in DOM](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#issues-in-dom)
- [Lighthouse 12.5.0](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-136.md.txt#misc)

### Chrome 135

- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#perf)
- [Origin and script links for profile and function calls in Performance](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#perf-script-origin)
- [LCP by phase field data support](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#lcp-field)
- [Network dependency tree insight](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#network-deps-tree)
- [Duration instead of total and self time in Summary](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#duration)
- [Heaviest stack highlighting](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#heaviest-stack)
- [Improved empty states for various panels](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#empty-panels)
- [Accessibility tree view in Elements](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#accessibility-tree)
- [Lighthouse 12.4.0](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-135.md.txt#misc)

### Chrome 134

- [Privacy and security panel](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#privacy-and-securitys)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#perf)
- [Calibrated CPU throttling presets](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#calibrated-cpu-throttling)
- [Select different performance events in the same AI chat](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#perf-select)
- [First- and third-party highlighting in Performance](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#perf-third-party)
- [Field data in marker tooltips and insights](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#field-data)
- [Forced reflow insight](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#forced-reflow)
- ['Optimize DOM size' insight](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#dom-size)
- [Extend the performance trace with console.timeStamp](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#console-timestamp)
- [Elements panel improvements](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#elements)
- [Real-time values of animated styles](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#real-time-animation)
- [Support for :open pseudo-class and various pseudo-elements](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#pseudo)
- [Copy all console messages](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#copy-console)
- [Byte units in the Memory panel](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#byte-units)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-134.md.txt#misc)

### Chrome 133

- [Persistent AI chat history](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#persistent-chat-history)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#perf)
- [Image delivery insight](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#perf-image-delivery)
- [Classic and modern keyboard navigation](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#perf-nav)
- [Ignore irrelevant scripts in the flame chart](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#ignore-list)
- [Timeline marker and range highlighting on hover](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#hover-highlight)
- [Recommended throttling settings](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#throttling)
- [Timings markers in an overlay](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#markers)
- [Stack traces of JS calls in Summary](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#perf-stack-traces)
- [Badge settings moved to menu in Elements](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#badge-settings)
- [New 'What's new' panel](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#whats-new)
- [Lighthouse 12.3.0](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-133.md.txt#misc)

### Chrome 132

- [Debug network requests, source files, and performance traces with Gemini](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#ai-assistance)
- [View AI chat history](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#chat-history)
- [Manage extension storage in Application \> Storage](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#extension-storage)
- [Performance improvements](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#perf)
- [Interaction phases in live metrics](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#interaction-phases)
- [Render-blocking information in the Summary tab](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#render-blocking)
- [Support for scheduler.postTask events and their initiator arrows](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#initiators)
- [Animations panel and Elements \> Styles tab improvements](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#animations)
- [Jump from Elements \> Styles to Animations](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#animations-link)
- [Real-time updates in Computed tab](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#computed)
- [Compute pressure emulation in Sensors](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#compute-pressure)
- [JS objects with the same name grouped by source in the Memory panel](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#memory)
- [A new look for settings](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#settings)
- [Performance insights panel is deprecated and removed from DevTools](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#perf-insights)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-132.md.txt#misc)

### Chrome 131

- [Debug CSS with Gemini](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#ai-assistance)
- [Control AI features in a dedicated settings tab](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#ai-innovations)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#perf)
- [Annotate and share performance findings](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#annotations)
- [Get performance insights right in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#insights)
- [Spot excessive layout shifts easier](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#cls)
- [Spot the non-composited animations](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#animations)
- [Hardware concurrency moves to Sensors](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#hardware-concurrency)
- [Ignore anonymous scripts and focus on your code in stack traces](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#ignore-list)
- [Elements \> Styles: Support for sideways-\* writing modes for grid overlays and CSS-wide keywords](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#styles)
- [Lighthouse audits for non-HTTP pages in timespan and snapshot modes](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-131.md.txt#misc)

### Chrome 130

- [Network panel improvements](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#network)
- [Network filters reimagined](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#network-filters)
- [HAR exports now exclude sensitive data by default](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#har)
- [Elements panel improvements](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#elements)
- [Autocomplete values for text-emphasis-\* properties](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#autocomplete)
- [Scroll overflows marked with a badge](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#scroll-badge)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#perf)
- [Recommendations in live metrics](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#live-metrics-recommendations)
- [Navigate breadcrumbs](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#breadcrumbs)
- [Memory panel improvements](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#memory)
- [New 'Detached elements' profile](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#detached-elements)
- [Improved naming of plain JS objects](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#object-names)
- [Turn off dynamic theming](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#dynamic-theming)
- [Chrome Experiment: Process sharing](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#process-sharing)
- [Lighthouse 12.2.1](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-130.md.txt#misc)

### Chrome 129

- [Recorder supports export to Puppeteer for Firefox](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#puppeteer-export)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#perf)
- [Live metrics observations](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#observations)
- [Search requests in the Network track](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#perf-network-search)
- [See stack traces of performance.mark and performance.measure calls](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#extension-stack-traces)
- [Use test address data in the Autofill panel](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#autofill-addresses)
- [Elements panel improvements](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#elements)
- [Force more states for specific elements](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#specific-element-states)
- [Elements \> Styles now autocompletes more grid properties](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#grid-autocomplete)
- [Lighthouse 12.2.0](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-129.md.txt#misc)

### Chrome 128

- [Console insights by Gemini are going live in most European countries](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#console-insights)
- [Performance panel updates](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#perf)
- [Enhanced Network track](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#perf-network)
- [Customize performance data with extensibility API](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#perf-extension)
- [Details in the Timings track](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#timings-details)
- [Copy all listed requests in the Network panel](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#copy-all-listed)
- [Faster heap snapshots with named HTML tags and less clutter](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#heap-snapshots)
- [Open Animations panel to capture animations and edit @keyframes live](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#animations)
- [Lighthouse 12.1.0](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-128.md.txt#misc)

### Chrome 127

- [Inspect CSS anchor positioning in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#elements-links)
- [Sources panel improvements](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#sources)
- [Enhanced 'Never Pause Here'](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#never-pause-here)
- [New scroll snap event listeners](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#snap-event-listeners)
- [Network panel improvements](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#network)
- [Updated network throttling presets](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#network-throttling-presets)
- [Service worker information in custom fields of the HAR format](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#har)
- [Send and receive WebSocket events in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#perf-websocket)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-127.md.txt#misc)

### Chrome 126

- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#perf)
- [Move and hide tracks with updated track configuration mode](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#track-config)
- [Ignore scripts in the flame chart](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#perf-ignore)
- [Throttle down the CPU by 20 times](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#throttle-20x)
- [Performance insights panel will be deprecated](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#perf-insights)
- [Find excessive memory usage with new filters in heap snapshots](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#heap-filters)
- [Inspect storage buckets in Application \> Storage](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#storage-buckets)
- [Disable self-XSS warnings with a command-line flag](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#self-xss-flag)
- [Lighthouse 12.0.0](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-126.md.txt#misc)

### Chrome 125

- [Understand errors and warnings in the Console better with Gemini](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#understand-messages)
- [@position-try rules support in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#position-try)
- [Sources panel improvements](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#sources)
- [Configure automatic pretty-printing and bracket closing](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#settings)
- [Handled rejected promises are recognized as caught](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#caught-rejection)
- [Error causes in the Console](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#error-cause)
- [Network panel improvements](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#network)
- [Inspect Early Hints headers](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#early-hints)
- [Hide the Waterfall column](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#waterfall)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#perf)
- [Capture CSS selector statistics](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#selector-stats)
- [Change order and hide tracks](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#track-config)
- [Ignore retainers in the Memory panel](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#ignore-retainer)
- [Lighthouse 11.7.1](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-125.md.txt#misc)

### Chrome 124

- [New Autofill panel](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#autofill)
- [Enhanced network throttling for WebRTC](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#throttling)
- [Scroll-driven animations support in the Animations panel](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#animations)
- [Improved CSS nesting support in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#nested-css)
- [Enhanced Performance panel](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#perf)
- [Hide functions and their children in the flame chart](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#hide-func)
- [Arrows from selected initiators to events they initiated](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#event-initiators)
- [Lighthouse 11.6.0](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#lighthouse)
- [Tooltips for special categories in Memory \> Heap snapshots](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#heap)
- [Application \> Storage updates](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#storage)
- [Bytes used for shared storage](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#shared-storage-bytes)
- [Web SQL is fully deprecated](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#web-sql)
- [Coverage panel improvements](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#coverage)
- [The Layers panel might be deprecated](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#layers)
- [JavaScript Profiler deprecation: Phase four, final](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#js-profiler)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-124.md.txt#misc)

### Chrome 123

- [Find the Easter egg](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#easter-egg)
- [Elements panel updates](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#elements)
- [Emulate a focused page in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#focused-page)
- [Color Picker, Angle Clock, and Easing Editor in `var()` fallbacks](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#var-fallbacks)
- [CSS length tool is deprecated](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#css-length)
- [Popover for the selected search result in the Performance \> Main track](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#perf-popover)
- [Network panel updates](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#network)
- [Clear button and search filter in the Network \> EventStream tab](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#event-stream)
- [Tooltips with exemption reasons for third-party cookies in Network \> Cookies](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#3pc-exemption)
- [Enable and disable all breakpoints in Sources](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#breakpoints)
- [View loaded scripts in DevTools for Node.js](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#node-nav-tree)
- [Lighthouse 11.5.0](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-123.md.txt#misc)

### Chrome 122

- [The official collection of Recorder extensions is live](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#recorder-extensions)
- [Network improvements](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#network)
- [Failure reason in the Status column](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#failure-status)
- [Improved Copy submenu](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#copy-submenu)
- [Performance improvements](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#perf-improvements)
- [Breadcrumbs in the Timeline](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#perf-breadcrumbs)
- [Event initiators in the Main track](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#event-initiators)
- [JavaScript VM instance selector menu for Node.js DevTools](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#js-vm-menu)
- [New shortcut and command in Sources](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#sources)
- [Elements improvements](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#elements-improvements)
- [The ::view-transition pseudo-element is now editable in Styles](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#view-transition)
- [The align-content property support for block containers](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#align-content-in-blocks)
- [Posture support for emulated foldable devices](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#device-posture)
- [Dynamic theming](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#dynamic-theming)
- [Third-party cookies phaseout warnings in the Network and Application panels](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#3pc)
- [Lighthouse 11.4.0](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-122.md.txt#misc)

### Chrome 121

- [Elements improvements](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#elements)
- [Streamlined filter bar in the Network panel](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#network-filters)
- [`@font-palette-values` support](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#font-palette)
- [Supported case: Custom property as a fallback of another custom property](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#custom-fallback)
- [Improved source map support](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#variables)
- [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#perf)
- [Enhanced Interactions track](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#interactions)
- [Advanced filtering in Bottom-Up, Call Tree, and Event Log tabs](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#filters)
- [Indentation markers in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#sources)
- [Helpful tooltips for overridden headers and content in the Network panel](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#overrides)
- [New Command Menu options for adding and removing request blocking patterns](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#command-menu)
- [The CSP violations experiment is removed](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#csp-violations)
- [Lighthouse 11.3.0](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-121.md.txt#misc)

### Chrome 120

- [Third-party cookie phaseout](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#3pc)
- [Analyze your website's cookies with the Privacy Sandbox Analysis Tool](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#ps-analysis-tool)
- [Enhanced ignore listing](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#ignore-listing)
- [Default exclusion pattern for node_modules](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#default-regex)
- [Caught exceptions now stop execution if caught or passing through non-ignored code](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#exceptions)
- [`x_google_ignoreList` renamed to `ignoreList` in source maps](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#ignore-list-spec)
- [New input mode toggle during remote debugging](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#remote-input-mode)
- [The Elements panel now shows URLs for #document nodes](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#document-urls)
- [Effective Content Security Policy in the Application panel](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#csp)
- [Improved animation debugging](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#animations)
- ['Do you trust this code?' dialog in Sources and self-XSS warning in Console](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#self-xss)
- [Event listener breakpoints in web workers and worklets](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#worker-breakpoints)
- [The new media badge for `<audio>` and `<video>`](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#media)
- [Preloading renamed to Speculative loading](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#speculative-loading)
- [Lighthouse 11.2.0](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-120.md.txt#misc)

### Chrome 119

- [Improved @property section in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#css)
- [Editable @property rule](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#edit-property)
- [Issues with invalid @property rules are reported](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#property-issues)
- [Updated list of devices to emulate](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#devices)
- [Pretty-print inline JSON in script tags in Sources](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#sources)
- [Autocomplete private fields in Console](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#autocomplete-console)
- [Lighthouse 11.1.0](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#accessibility)
- [Web SQL deprecation](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#web-sql)
- [Screenshot aspect ratio validation in Application \> Manifest](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#manifest-aspect-ratio)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-119.md.txt#misc)

### Chrome 118

- [New section for custom properties in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#css)
- [More local overrides improvements](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#overrides)
- [Enhanced search](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#search)
- [Improved Sources panel](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#sources)
- [Streamlined workspace in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#workspace)
- [Reorder panes in Sources](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#reorder-panes)
- [Syntax highlighting and pretty-printing for more script types](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#syntax)
- [Emulate prefers-reduced-transparency media feature](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#reduced-transparency)
- [Lighthouse 11](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#lighthouse)
- [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-118.md.txt#misc)

### Chrome 117

- [Network panel improvements](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#network)
- [Override web content locally even faster](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#overrides)
- [Override the content of XHR and fetch requests](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#xhr-fetch)
- [Hide Chrome extension requests](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#hide-extension-requests)
- [Human-readable HTTP status codes](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#status-codes)
- [Pretty-print responses for JSON subtypes](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#pretty-json-response)

- [Performance: See the changes in fetch priority for network events](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#performance)

- [Sources settings enabled by default: Code folding and automatic file reveal](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#sources)
- [Improved debugging of third-party cookie issues](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#third-party-cookies)
- [New colors](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#colors)
- [Lighthouse 10.4.0](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#lighthouse)
- [Debug preloading in the Application panel](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#preloading)
- [The C/C++ WebAssembly debugging extension for DevTools is now open source](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#debug-cpp)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#misc)
- [(Experimental) New rendering emulation: prefers-reduced-transparency](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#reduced-transparency)
- [(Experimental) Enhanced Protocol monitor](https://developer.chrome.com/blog/new-in-devtools-117.md.txt#protocol-monitor)

### Chrome 116

- [Improved debugging of missing stylesheets](https://developer.chrome.com/blog/new-in-devtools-116.md.txt#stylesheets)
- [Linear timing support in Elements \> Styles \> Easing Editor](https://developer.chrome.com/blog/new-in-devtools-116.md.txt#linear)
- [Storage buckets support and metadata view](https://developer.chrome.com/blog/new-in-devtools-116.md.txt#storage)
- [Lighthouse 10.3.0](https://developer.chrome.com/blog/new-in-devtools-116.md.txt#lighthouse)
- [Accessibility: Keyboard commands and improved screen reading](https://developer.chrome.com/blog/new-in-devtools-116.md.txt#accessibility)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-116.md.txt#misc)

### Chrome 115

- [Elements improvements](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#elements)
- [New CSS subgrid badge](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#subgrid)
- [Selector specificity in tooltips](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#specificity)
- [Values of custom CSS properties in tooltips](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#css-variable-values)
- [Sources improvements](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#sources)
- [CSS syntax highlighting](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#css)
- [Shortcut to set conditional breakpoints](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#breakpoint)
- [Application \> Bounce Tracking Mitigations](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#bounce-tracking)
- [Lighthouse 10.2.0](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#lighthouse)
- [Ignore content scripts by default](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#content-script)
- [Network \> Response improvements](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#network)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-115.md.txt#misc)

### Chrome 114

- [WebAssembly debugging support](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#wasm)
- [Improved stepping behavior in Wasm apps](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#wasm-step)
- [Debug Autofill using the Elements panel and Issues tab](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#autofill)
- [Assertions in Recorder](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#recorder)
- [Lighthouse 10.1.1](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#lighthouse)
- [Performance enhancements](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#performance)
- [performance.mark() shows timing on hover in Performance \> Timings](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#mark)
- [profile() command populates Performance \> Main](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#profile)
- [Warning for slow user interactions](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#slow-interaction-warning)
- [Web Vitals updates](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#web-vitals)
- [JavaScript Profiler deprecation: Phase three](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#js-profiler)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-114.md.txt#misc)

### Chrome 113

- [Override network response headers](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#network)
- [Nuxt, Vite, and Rollup debugging improvements](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#debug)
- [CSS improvements in Elements \> Styles](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#css)
- [Invalid CSS properties and values](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#invalid-css)
- [Links to key frames in the animation shorthand property](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#animation-key-frames)
- [New Console setting: Autocomplete on Enter](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#console)
- [Command Menu emphasizes authored files](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#command-menu)
- [JavaScript Profiler deprecation: Stage two](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#js-profiler)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-113.md.txt#misc)

### Chrome 112

- [Recorder updates](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#recorder)
- [Recorder replay extensions](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#replay-extensions)
- [Record with pierce selectors](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#pierce-selectors)
- [Export recordings as Puppeteer scripts with Lighthouse analysis](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#puppeteer-lighthouse)
- [Get extensions for Recorder](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#get-extensions)
- [Elements \> Styles updates](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#elements-styles)
- [CSS documentation in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#css)
- [CSS nesting support](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#nesting)
- [Marking logpoints and conditional breakpoints in the Console](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#logpoint)
- [Ignore irrelevant scripts during debugging](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#ignore-list)
- [JavaScript Profiler deprecation started](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#js-profiler-deprecation)
- [Emulate reduced contrast](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#reduced-contrast)
- [Lighthouse 10](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#lighthouse)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-112.md.txt#misc)

### Chrome 111

- [Debugging HD color with the Styles pane](https://developer.chrome.com/blog/new-in-devtools-111.md.txt#color)
- [Enhanced breakpoint UX](https://developer.chrome.com/blog/new-in-devtools-111.md.txt#breakpoint-redesign)
- [Customizable Recorder shortcuts](https://developer.chrome.com/blog/new-in-devtools-111.md.txt#recorder)
- [Better syntax highlight for Angular](https://developer.chrome.com/blog/new-in-devtools-111.md.txt#syntax)
- [Reorganize caches in the Application panel](https://developer.chrome.com/blog/new-in-devtools-111.md.txt#cache)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-111.md.txt#misc)

### Chrome 110

- [Clearing Performance Panel on reload](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#perf)
- [Recorder updates](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#recorder)
- [View and highlight the code of your user flow in the Recorder](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#recorder-code)
- [Customize selector types of a recording](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#recorder-selector)
- [Edit user flow while recording](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#recorder-edit)
- [Automatic in-place pretty print](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#pretty-print)
- [Better syntax highlight and inline preview for Vue, SCSS and more](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#highlight)
- [Ergonomic and consistent Autocomplete in the Console](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#console)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-110.md.txt#misc)

### Chrome 109

- [Recorder: Copy as options for steps, in-page replay, step's context menu](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#recorder)
- [Show actual function names in performance's recordings](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#performance)
- [New keyboard shortcuts in the Console \& Sources panel](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#keyboard-shortcuts)
- [Improved JavaScript debugging](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#debugging)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#misc)
- [\[Experimental\] Enhanced UX in managing breakpoints](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#breakpoint-redesign)
- [\[Experimental\] Automatic in-place pretty print](https://developer.chrome.com/blog/new-in-devtools-109.md.txt#pretty-print)

### Chrome 108

- [Hints for inactive CSS properties](https://developer.chrome.com/blog/new-in-devtools-108.md.txt#css-hint)
- [Auto-detect XPath and text selectors in the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-108.md.txt#recorder)
- [Step through comma-separated expressions](https://developer.chrome.com/blog/new-in-devtools-108.md.txt#debugging)
- [Improved Ignore list setting](https://developer.chrome.com/blog/new-in-devtools-108.md.txt#ignore-list)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-108.md.txt#misc)

### Chrome 107

- [Customize keyboard shortcuts in DevTools](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#shortcuts)
- [Toggle light and dark themes with keyboard shortcut](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#toggle-themes)
- [Highlight C/C++ objects in the Memory Inspector](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#memory)
- [Support full initiator information for HAR import](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#har)
- [Start DOM search after pressing `Enter`](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#search-type)
- [Display `start` and `end` icons for `align-content` CSS flexbox properties](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#flexbox)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-107.md.txt#misc)

### Chrome 106

- [Group files by Authored / Deployed in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#authored)
- [Linked stack traces for asynchronous operations](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#async)
- [Automatically ignore known third-party scripts](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#auto-ignore)
- [Improved call stack during debugging](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#call-stack)
- [Hiding ignore-listed sources in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#ignore-nav)
- [Hiding ignore-listed files in the Command Menu](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#ignore-search)
- [New Interactions track in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#performance)
- [LCP timings breakdown in the Performance Insights panel](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#insights)
- [Auto-generate default name for recordings in the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#recorder)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-106.md.txt#misc)

### Chrome 105

- [Step-by-step replay in the Recorder](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#recorder)
- [Support mouse over event in the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#recorder-hover)
- [Largest Contentful Paint (LCP) in the Performance insights panel](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#lcp)
- [Identify flashes of text (FOIT, FOUT) as potential root causes for layout shifts](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#foit-fout)
- [Protocol handlers in the Manifest pane](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#manifest)
- [Top layer badge in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#top-layer)
- [Attach Wasm debugging information at runtime](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#wasm)
- [Support live edit during debugging](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#live-edit)
- [View and edit @scope at rules in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#scope)
- [Source map improvements](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#sourcemaps)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-105.md.txt#misc)

### Chrome 104

- [Restart frame during debugging](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#restart-frame)
- [Slow replay options in the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#recorder)
- [Build an extension for the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#recorder-extension)
- [Group files by Authored / Deployed in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#authored-deployed)
- [New User Timings track in the Performance insights panel](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#performance)
- [Reveal assigned slot of an element](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#slot)
- [Simulate hardware concurrency for Performance recordings](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#simulate)
- [Preview non-color value when autocompleting CSS variables](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#css-var)
- [Identify blocking frames in the Back/forward cache pane](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#bfcache)
- [Improved autocomplete suggestions for JavaScript objects](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#autocomplete)
- [Source maps improvements](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#sourcemaps)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-104.md.txt#misc)

### Chrome 103

- [Capture double-click and right-click events in the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#recorder)
- [New timespan and snapshot mode in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#lighthouse)
- [Improved zoom control in the Performance Insights panel](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#zoom)
- [Confirm to delete a performance recording](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#delete)
- [Reorder panes in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#reorder-pane)
- [Picking a color outside of the browser](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#color)
- [Improved inline value preview during debugging](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#inline-preview)
- [Support large blobs for virtual authenticators](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#webauthn)
- [New keyboard shortcuts in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#shortcuts)
- [Source maps improvements](https://developer.chrome.com/blog/new-in-devtools-103.md.txt#sourcemaps)

### Chrome 102

- [Preview feature: New Performance insights panel](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#perf)
- [New shortcuts to emulate light and dark themes](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#emulation)
- [Improved security on the Network Preview tab](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#network-preview)
- [Improved reloading at breakpoint](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#debugger)
- [Console updates](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#console)
- [Cancel user flow recording at the start](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#recorder)
- [Display inherited highlight pseudo-elements in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#pseudo)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#misc)
- [\[Experimental\] Copy CSS changes](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#copy)
- [\[Experimental\] Picking color outside of browser](https://developer.chrome.com/blog/new-in-devtools-102.md.txt#color-picker)

### Chrome 101

- [Import and export recorded user flows as a JSON file](https://developer.chrome.com/blog/new-in-devtools-101.md.txt#recorder)
- [View cascade layers in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-101.md.txt#layer)
- [Support for the `hwb()` color function](https://developer.chrome.com/blog/new-in-devtools-101.md.txt#hwb)
- [Improved the display of private properties](https://developer.chrome.com/blog/new-in-devtools-101.md.txt#private-props)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-101.md.txt#misc)
- [\[Experimental\] New timespan and snapshot mode in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-101.md.txt#lighthouse)

### Chrome 100

- [View and edit @supports at rules in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#supports)
- [Support common selectors by default](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#selector)
- [Customize the recording's selector](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#customize-selector)
- [Rename a recording](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#recorder-rename)
- [Preview class/function properties on hover](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#properties)
- [Partially presented frames in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#perf)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-100.md.txt#misc)

### Chrome 99

- [Throttling WebSocket requests](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#websocket)
- [New Reporting API pane in the Application panel](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#reporting-api)
- [Support wait until element is visible/clickable in the Recorder panel](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#recorder)
- [Better console styling, formatting and filtering](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#console)
- [Debug Chrome extension with source map files](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#extension)
- [Improved source folder tree in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#source-tree)
- [Display worker source files in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#worker-sourcemap)
- [Chrome's Auto Dark Theme updates](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#auto-dark-mode)
- [Touch-friendly color-picker and split pane](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#touch-friendly)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-99.md.txt#misc)

### Chrome 98

- [Preview feature: Full-page accessibility tree](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#a11y-tree)
- [More precise changes in the Changes tab](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#changes)
- [Set longer timeout for user flow recording](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#recorder-timeout)
- [Ensure your pages are cacheable with the Back/forward cache tab](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#bfcache)
- [New Properties pane filter](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#properties)
- [Emulate the CSS forced-colors media feature](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#forced-colors)
- [Show rulers on hover command](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#show-rulers)
- [Support `row-reverse` and `column-reverse` in the Flexbox editor](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#flexbox-editor)
- [New keyboard shortcuts to replay XHR and expand all search results](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#shortcuts)
- [Lighthouse 9 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#lighthouse)
- [Improved Sources panel](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#sources)
- [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#misc)
- [\[Experimental\] Endpoints in the Reporting API pane](https://developer.chrome.com/blog/new-in-devtools-98.md.txt#reporting-api)

### Chrome 97

- [Preview feature: New Recorder panel](https://developer.chrome.com/blog/new-in-devtools-97.md.txt#recorder)
- [Refresh device list in Device Mode](https://developer.chrome.com/blog/new-in-devtools-97.md.txt#device)
- [Autocomplete with Edit as HTML](https://developer.chrome.com/blog/new-in-devtools-97.md.txt#code-completion)
- [Improved code debugging experience](https://developer.chrome.com/blog/new-in-devtools-97.md.txt#debugging)
- [Syncing DevTools settings across devices](https://developer.chrome.com/blog/new-in-devtools-97.md.txt#sync)

### Chrome 96

- [Preview feature: New CSS Overview panel](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#css-overview)
- [Restored and improved CSS length edit and copy experince](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#length)
- [Emulate the CSS prefers-contrast media feature](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#prefers-contrast)
- [Emulate the Chrome's Auto Dark Theme feature](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#auto-dark-mode)
- [Copy declarations as JavaScript in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#copy-as-js)
- [New Payload tab in the Network panel](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#payload)
- [Improved the display of properties in the Properties pane](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#properties)
- [Option to hide CORS errors in the Console](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#hide-cors-errors)
- [Proper `Intl` objects preview and evaluation in the Console](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#intl)
- [Consistent async stack traces](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#async)
- [Retain the Console sidebar](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#console-sidebar)
- [Deprecated Application cache pane in the Application panel](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#app-cache)
- [\[Experimental\] New Reporting API pane in the Application panel](https://developer.chrome.com/blog/new-in-devtools-96.md.txt#reporting-api)

### Chrome 95

- [New CSS length authoring tools](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#length)
- [Hide issues in the Issues tab](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#hide-issues)
- [Improved the display of properties](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#properties)
- [Lighthouse 8.4 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#lighthouse)
- [Sort snippets in the Sources panel](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#snippets)
- [New links to translated release notes and report a translation bug](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#localized)
- [Improved UI for DevTools command menu](https://developer.chrome.com/blog/new-in-devtools-95.md.txt#command-menu)

### Chrome 94

- [Use DevTools in your preferred language](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#localized)
- [New Nest Hub devices in the Device list](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#nest-hub)
- [Origin trials in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#origin-trials)
- [New CSS container queries badge](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#container-queries)
- [New checkbox to invert the network filters](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#nvert-network-filter)
- [Upcoming deprecation of the Console sidebar](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#deprecated)
- [Display raw `Set-Cookies` headers in the Issues tab and Network panel](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#raw-cookies)
- [Consistent display native accessors as own properties in the Console](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#native-accessors)
- [Proper error stack traces for inline scripts with #sourceURL](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#inline-script)
- [Change color format in the Computed pane](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#color-unit)
- [Replace custom tooltips with native HTML tooltips](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#tooltip)
- [\[Experimental\] Hide issues in the Issues tab](https://developer.chrome.com/blog/new-in-devtools-94.md.txt#hide-issues)

### Chrome 93

- [Editable CSS container queries in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#container-queries)
- [Web bundle preview in the Network panel](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#web-bundle)
- [Attribution Reporting API debugging](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#attribution-reporting)
- [Better string handling in the Console](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#string)
- [Improved CORS debugging](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#cors)
- [Lighthouse 8.1](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#lighthouse)
- [New note URL in the Manifest pane](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#new-note-url)
- [Fixed CSS matching selectors](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#matching-selectors)
- [Pretty-printing JSON responses in the Network panel](https://developer.chrome.com/blog/new-in-devtools-93.md.txt#pretty-print-json)

### Chrome 92

- [CSS grid editor](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#grid-editor)
- [Support for `const` redeclarations in the Console](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#const-redeclaration)
- [Source order viewer](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#source-order)
- [New shortcut to view frame details](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#frame-details)
- [Enhanced CORS debugging support](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#cors)
- [Rename XHR label to Fetch/XHR](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#fetch-xhr)
- [Filter Wasm resource type in the Network panel](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#wasm)
- [User-Agent Client Hints for devices in the Network conditions tab](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#sec-ua-ch)
- [Report Quirks mode issues in the Issues tab](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#quirks-mode)
- [Include Compute Intersections in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#computed-intersections)
- [Lighthouse 7.5 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#lighthouse)
- [Deprecated "Restart frame" context menu in the call stack](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#restart-frame)
- [\[Experimental\] Protocol monitor](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#protocol-monitor)
- [\[Experimental\] Puppeteer Recorder](https://developer.chrome.com/blog/new-in-devtools-92.md.txt#puppeteer-recorder)

### Chrome 91

- [Web Vitals information pop up](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#web-vitals)
- [New Memory inspector](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#memory-inspector)
- [Visualize CSS scroll-snap](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#css-croll-snap)
- [New badge settings pane](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#badge-settings)
- [Enhanced image preview with aspect ratio information](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#image-preview)
- [New network conditions button with options to configure `Content-Encoding`s](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#network-panel)
- [shortcut to view computed value](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#computed-value)
- [`accent-color` keyword](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#accent-color)
- [Categorize issue types with colors and icons](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#issue-category)
- [Delete Trust tokens](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#trust-tokens)
- [Blocked features in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#permissions-policy)
- [Filter experiments in the Experiments setting](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#filter-experiment)
- [New `Vary Header` column in the Cache storage pane](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#vary-header)
- [Support JavaScript private brand check](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#javascript)
- [Enhanced support for breakpoints debugging](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#breakpoint)
- [Support hover preview with `[]` notation](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#expression-preview)
- [Improved outline of HTML files](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#html-outline)
- [Proper error stack traces for Wasm debugging](https://developer.chrome.com/blog/new-in-devtools-91.md.txt#error-stack-traces)

### Chrome 90

- [New CSS flexbox debugging tools](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#flexbox)
- [New Core Web Vitals overlay](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#cwv)
- [Moved issue count to the Console status bar](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#issue-count)
- [Report Trusted Web Activity issues](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#twa)
- [Format strings as (valid) JavaScript string literals in the Console](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#double-quotes)
- [New Trust Tokens pane in the Application panel](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#trust-token-pane)
- [Emulate the CSS color-gamut media feature](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#css-gamut)
- [Improved Progressive Web Apps tooling](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#pwa)
- [New `Remote Address Space` column in the Network panel](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#remote-address-space)
- [Performance improvements](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#perf)
- [Display allowed/disallowed features in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#permission-policy)
- [New `SameParty` column in the Cookies pane](https://developer.chrome.com/blog/new-in-devtools-90.md.txt)
- [Deprecated non-standard `fn.displayName` support](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#display-name)
- [Deprecation of `Don't show Chrome Data Saver warning` in the Settings menu](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#data-saver-warning)
- [\[Experimental\] Automatic low-contrast issue reporting in the Issues tab](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#low-contrast)
- [\[Experimental\] Full accessibility tree view in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-90.md.txt#accessibility-tree)

### Chrome 89

- [Debugging support for Trusted Types violations](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#trusted-types)
- [Capture node screenshot beyond viewport](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#node-screenshot)
- [New Trust Tokens tab for network requests](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#trust-token)
- [Lighthouse 7 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#lighthouse)
- [Support forcing the CSS `:target` state](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#force-target)
- [New shortcut to duplicate element](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#duplicate-element)
- [Color pickers for custom CSS properties](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#color-picker)
- [New shortcuts to copy CSS properties](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#copy-css)
- [New option to show URL-decoded cookies](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#cookies-decoded)
- [Clear only visible cookies](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#clear-cookies)
- [New option to clear third-party cookies in the Storage pane](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#third-party-cookies)
- [Edit User-Agent Client Hints for custom devices](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#ua-ch)
- [Persist "record network log" setting](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#network-log)
- [View WebTransport connections in the Network panel](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#webtransport)
- ["Online" renamed to "No throttling"](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#no-throttling)
- [New copy options in the Console, Sources panel, and Styles pane](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#copy-sources-console)
- [New Service Workers information in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#sw)
- [Measure Memory information in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#measure-memory)
- [Provide feedback from the Issues tab](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#issues-feedback)
- [Dropped frames in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#dropped-frames)
- [Emulate foldable and dual-screen in Device Mode](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#dual-screen)
- [\[Experimental\] Automate browser testing with Puppeteer Recorder](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#record)
- [\[Experimental\] Font editor in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#font)
- [\[Experimental\] CSS flexbox debugging tools](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#flexbox)
- [\[Experimental\] New CSP Violations tab](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#csp)
- [\[Experimental\] New color contrast calculation - Advanced Perceptual Contrast Algorithm (APCA)](https://developer.chrome.com/blog/new-in-devtools-89.md.txt#apca)

### Chrome 88

- [Faster DevTools startup](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#fast-startup)
- [New CSS angle visualization tools](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#css-angle)
- [Emulate unsupported image types](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#emulate-image)
- [Simulate storage quota size in the Storage pane](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#simulate-storage)
- [New Web Vitals lane in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#web-vitals)
- [Report CORS errors in the Network panel](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#cors)
- [Cross-origin isolation information in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#cross-origin)
- [New Web Workers information in the Frame details view](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#web-worker)
- [Display opener frame details for opened windows](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#opener-frame)
- [Open Network panel from the Service Workers pane](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#sw)
- [Copy property value](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#copy-value)
- [Copy stacktrace for network initiator](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#copy-stacktrace)
- [Preview Wasm variable value on mouseover](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#wasm-mouseover)
- [Evaluate Wasm variable in the Console](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#wasm-console)
- [Consistent units of measurement for file/memory sizes](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#onsistent-kb)
- [Highlight pseudo elements in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#pseudo)
- [\[Experimental\] CSS Flexbox debugging tools](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#flexbox)
- [\[Experimental\] Customize chords keyboard shortcuts](https://developer.chrome.com/blog/new-in-devtools-88.md.txt#keyboard-shortcuts)

### Chrome 87

- [New CSS Grid debugging tools](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#css-grid)
- [New WebAuthn tab](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#webauthn)
- [Move tools between top and bottom panel](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#moveable-tools)
- [New Computed sidebar pane in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#computed-sidebar-pane)
- [Grouping CSS properties in the Computed pane](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#grouping-css-prop)
- [Lighthouse 6.3 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#lighthouse)
- [`performance.mark()` events in the Timings section](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#perf-mark)
- [New `resource-type` and `url` filters in the Network panel](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#network-filters)
- [Frame details view updates](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#rame-details)
- [Deprecation of `Settings` in the More tools menu](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#deprecate-settings)
- [\[Experimental\] View and fix color contrast issues in the CSS Overview panel](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#css-overview)
- [\[Experimental\] Customize keyboard shortcuts in DevTools](https://developer.chrome.com/blog/new-in-devtools-87.md.txt#customized-keyboard-shortcuts)

### Chrome 86

- [New Media panel](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#media-panel)
- [Capture node screenshots using Elements panel context menu](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#capture-node-screenshot)
- [Issues tab updates](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#issues-tab)
- [Emulate missing local fonts](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#emulate-local-fonts)
- [Emulate inactive users](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#emulate-inactive-users)
- [Emulate `prefers-reduced-data`](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#emulate-prefers-reduced-data)
- [Support for new JavaScript features](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#javascript)
- [Lighthouse 6.2 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#lighthouse)
- [Deprecation of "other origins" listing in the Service Workers pane](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#deprecate-sw-other-origins)
- [Show coverage summary for filtered items](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#filter-coverage-summary)
- [New frame details view in Application panel](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#frame-detailed-view)
- [Accessible color suggestion in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#accessible-color)
- [Reinstate **Properties** pane in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#properties)
- [Human-readable `X-Client-Data` header values in the Network panel](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#x-client-data)
- [Auto-complete custom fonts in the Styles pane](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#auto-complete-custom-fonts)
- [Consistently display resource type in Network panel](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#redirect-resource-type)
- [Clear buttons in the Elements and Network panels](https://developer.chrome.com/blog/new-in-devtools-86.md.txt#clear-input-button)

### Chrome 85

- [Style editing for CSS-in-JS frameworks](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#css-in-js)
- [Lighthouse 6 in the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#lighthouse)
- [First Meaningful Paint (FMP) deprecation](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#fmp-deprecation)
- [Support for new JavaScript features](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#javascript)
- [New app shortcut warnings in the Manifest pane](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#app-shortcut-warnings)
- [Service worker `respondWith` events in the Timing tab](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#timing-tab)
- [Consistent display of the Computed pane](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#compute-pane)
- [Bytecode offsets for WebAssembly files](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#wasm)
- [Line-wise copy and cut in Sources Panel](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#sources-panel)
- [Console settings updates](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#console-settings)
- [Performance panel updates](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#perf-panel)
- [New icons for breakpoints, conditional breakpoints, and logpoints](https://developer.chrome.com/blog/new-in-devtools-85.md.txt#breakpoints)

### Chrome 84

- [Fix site issues with the new Issues tab](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#issues)
- [View accessibility information in the Inspect Mode tooltip](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#a11y)
- [Performance panel updates](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#performance)
- [More accurate promise terminology in the Console](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#promises)
- [Styles pane updates](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#styles)
- [Deprecation of the **Properties** pane in the Elements panel](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#properties)
- [App shortcuts support in the Manifest pane](https://developer.chrome.com/blog/new-in-devtools-84.md.txt#app-shortcuts)

### Chrome 83

- [Emulate vision deficiencies](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#vision-deficiencies)
- [Emulate locales](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#locales)
- [Cross-Origin Embedder Policy (COEP) debugging](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#COEP)
- [New icons for breakpoints, conditional breakpoints, and logpoints](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#debugging-icons)
- [View network requests that set a specific cookie](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#cookie-path)
- [Dock to left from the Command Menu](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#dock-to-left)
- [The Settings option in the Main Menu has moved](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#settings)
- [The Audits panel is now the Lighthouse panel](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#lighthouse)
- [Delete all Local Overrides in a folder](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#overrides)
- [Updated Long Tasks UI](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#long-tasks)
- [Maskable icon support in the Manifest pane](https://developer.chrome.com/blog/new-in-devtools-83.md.txt#maskable-icons)

### Chrome 82

- [Chrome 82 was cancelled](https://blog.chromium.org/2020/03/chrome-and-chrome-os-release-updates.html).

### Chrome 81

- [Moto G4 support in Device Mode](https://developer.chrome.com/blog/new-in-devtools-81.md.txt#motog4)
- [Cookie-related updates](https://developer.chrome.com/blog/new-in-devtools-81.md.txt#cookies)
- [More accurate web app manifest icons](https://developer.chrome.com/blog/new-in-devtools-81.md.txt#manifesticons)
- [Hover over CSS `content` properties to see unescaped values](https://developer.chrome.com/blog/new-in-devtools-81.md.txt#content)
- [Source map errors in the Console](https://developer.chrome.com/blog/new-in-devtools-81.md.txt#sourcemaperrors)
- [Setting for disabling scrolling past the end of a file](https://developer.chrome.com/blog/new-in-devtools-81.md.txt#scrolling)

### Chrome 80

- [Support for `let` and `class` redeclarations in the Console](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#redeclarations)
- [Improved WebAssembly debugging](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#webassembly)
- [Request Initiator Chains in the Initiator tab](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#initiators)
- [Highlight the selected network request in the Overview](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#overview)
- [URL and path columns in the Network panel](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#columns)
- [Updated User-Agent strings](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#useragents)
- [New Audits panel configuration UI](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#config)
- [Per-function or per-block code coverage modes](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#modes)
- [Code coverage must now be initiated by a page reload](https://developer.chrome.com/blog/new-in-devtools-80.md.txt#reload)

### Chrome 79

- [Debug why a cookie was blocked](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#blockedcookies)
- [View cookie values](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#cookiepreviews)
- [Simulate different prefers-color-scheme and prefers-reduced-motion preferences](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#userpreferences)
- [Code coverage updates](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#coverage)
- [Debug why a network resource was requested](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#initiator)
- [Console and Sources panels respect indentation preferences again](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#indentation)
- [New shortcuts for cursor navigation](https://developer.chrome.com/blog/new-in-devtools-79.md.txt#console)

### Chrome 78

- [Multi-client support in the Audits panel](https://developer.chrome.com/blog/new-in-devtools-78.md.txt#multiclient)
- [Payment Handler debugging](https://developer.chrome.com/blog/new-in-devtools-78.md.txt#payments)
- [Lighthouse 5.2 in the Audits panel](https://developer.chrome.com/blog/new-in-devtools-78.md.txt#audits)
- [Largest Contentful Paint in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-78.md.txt#LCP)
- [File DevTools issues from the Main Menu](https://developer.chrome.com/blog/new-in-devtools-78.md.txt#issues)

### Chrome 77

- [Copy element styles](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#copystyles)
- [Visualize layout shifts](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#layoutshifts)
- [Lighthouse 5.1 in the Audits panel](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#audits)
- [OS theme syncing](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#theming)
- [Keyboard shortcut for opening the Breakpoint Editor](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#breakpointeditor)
- [Prefetch cache in the Network panel](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#prefetch)
- [Private properties when viewing objects](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#privateclassfields)
- [Notifications and push messages in the Application panel](https://developer.chrome.com/blog/new-in-devtools-77.md.txt#backgroundservices)

### Chrome 76

- [Autocomplete with CSS values](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#values)
- [A new UI for network settings](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#settings)
- [WebSocket messages in HAR exports](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#websocket)
- [HAR import and export buttons](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#HAR)
- [Real-time memory usage](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#memory)
- [Service worker registration port numbers](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#ports)
- [Inspect Background Fetch and Background Sync events](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#background)
- [Puppeteer for Firefox](https://developer.chrome.com/blog/new-in-devtools-76.md.txt#puppeteer)

### Chrome 75

- [Meaningful presets when autocompleting CSS functions](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#presets)
- [Clear site data from the Command Menu](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#clear)
- [View all IndexedDB databases](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#indexeddb)
- [View a resource's uncompressed size on hover](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#uncompressed)
- [Inline breakpoints in the Breakpoints pane](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#inline)
- [IndexedDB and Cache resource counts](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#counts)
- [Setting for disabling the detailed Inspect tooltip](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#inspect)
- [Setting for toggling tab indentation in the Editor](https://developer.chrome.com/blog/new-in-devtools-75.md.txt#tab)

### Chrome 74

- [Highlight all nodes affected by CSS property](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#highlight)
- [Lighthouse v4 in the Audits panel](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#lighthouse)
- [WebSocket binary message viewer](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#binary)
- [Capture area screenshot in the Command Menu](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#screenshot)
- [Service worker filters in the Network panel](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#swfilters)
- [Performance panel updates](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#perf)
- [Long tasks in Performance panel recordings](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#longtasks)
- [First Paint in the Timing section](https://developer.chrome.com/blog/new-in-devtools-74.md.txt#FP)
- Bonus tip: [Shortcut for viewing RGB and HSL color codes](https://youtu.be/I14fXc7sXdU?t=221) (video)

### Chrome 73

- [Logpoints](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#logpoints)
- [Detailed tooltips in Inspect Mode](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#inspect)
- [Export code coverage data](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#coverage)
- [Navigate the Console with a keyboard](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#keyboard)
- [AAA contrast ratio line in the Color Picker](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#AAA)
- [Save custom geolocation overrides](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#geolocation)
- [Code folding](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#folding)
- [Frames tab renamed to Messages tab](https://developer.chrome.com/blog/new-in-devtools-73.md.txt#messages)
- Bonus tip: [Network panel filtering by property](https://youtu.be/uddZX9ZK6wY?t=338) (video)

### Chrome 72

- [Visualize performance metrics](https://developer.chrome.com/blog/new-in-devtools-72.md.txt#metrics) in the Performance panel
- [Highlight text nodes](https://developer.chrome.com/blog/new-in-devtools-72.md.txt#highlight) in the DOM Tree
- [Copy the JS path](https://developer.chrome.com/blog/new-in-devtools-72.md.txt#copy) to a DOM node
- [Audits panel updates](https://developer.chrome.com/blog/new-in-devtools-72.md.txt#audits), including a new audit that detects JS libraries and new keywords for accessing the Audits panel from the Command Menu
- Bonus tip: [Use Device Mode to inspect media queries](https://youtu.be/XVJxlEdB230?t=155) (video)

### Chrome 71

- [Hover over a Live Expression result](https://developer.chrome.com/blog/new-in-devtools-71.md.txt#hover) to highlight a DOM node
- [Store DOM nodes as global variables](https://developer.chrome.com/blog/new-in-devtools-71.md.txt)
- [Initiator and priority information now in HAR imports and exports](https://developer.chrome.com/blog/new-in-devtools-71.md.txt)
- [Access the Command Menu from the Main Menu](https://developer.chrome.com/blog/new-in-devtools-71.md.txt)
- [Picture-in-Picture breakpoints](https://developer.chrome.com/blog/new-in-devtools-71.md.txt)
- Bonus tip: [Use `monitorEvents()` to log a node's fired events in the
  Console](https://youtu.be/fJxFZO8OEEs?t=154) (video)

### Chrome 70

- [Live Expressions](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#watch) in the Console
- [Highlight DOM nodes during Eager Evaluation](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#nodes)
- [Performance panel optimizations](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#performance)
- [More reliable debugging](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#debugging)
- [Enable network throttling from the Command Menu](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#throttling)
- [Autocomplete Conditional Breakpoints](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#autocomplete)
- [Break on AudioContext events](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#audiocontext)
- [Debug Node.js apps with ndb](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#ndb)
- Bonus tip: [Measure real world user interactions with the User Timing API](https://developer.chrome.com/blog/new-in-devtools-70.md.txt#bonus)

### Chrome 68

- [Eager Evaluation](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#eagerevaluation)
- [Argument hints](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#hints)
- [Function autocompletion](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#autocomplete)
- [ES2017 keywords](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#keywords)
- [Lighthouse 3.0 in the Audits panel](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#lh3)
- [BigInt support](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#bigint)
- [Adding property paths to the Watch pane](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#watch)
- ["Show timestamps" moved to Settings](https://developer.chrome.com/blog/new-in-devtools-68.md.txt#timestamps)
- Bonus tip: [Lesser-known Console methods](https://youtu.be/br4JZ5qz_20?t=199) (video)

### Chrome 67

- [Search across all network headers](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#network-search)
- [CSS variable value previews](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#vars)
- [Copy as fetch](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#fetch)
- [New audits, desktop configuration options, and viewing traces](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#audits)
- [Stop infinite loops](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#stop)
- [User Timing in the Performance tabs](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#tabs)
- [JavaScript VM instances clearly listed in the Memory panel](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#vm)
- [Network tab renamed to Page tab](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#page)
- [Dark theme updates](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#dark)
- [Certificate transparency information in the Security panel](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#security)
- [Site isolation features in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-67.md.txt#site-isolation)
- Bonus tip: [Layers panel + Animations Inspector](https://youtu.be/4EdPq9Nw6uI?t=184) (video)

### Chrome 66

- [Blackboxing in the Network panel](https://developer.chrome.com/blog/new-in-devtools-66.md.txt#blackboxing)
- [Auto-adjust zooming in Device Mode](https://developer.chrome.com/blog/new-in-devtools-66.md.txt#auto-adjust)
- [Pretty-printing in the Preview and Response tabs](https://developer.chrome.com/blog/new-in-devtools-66.md.txt#pretty-printing)
- [Previewing HTML content in the Preview tab](https://developer.chrome.com/blog/new-in-devtools-66.md.txt#previews)
- [Local Overrides support for styles inside of HTML](https://developer.chrome.com/blog/new-in-devtools-66.md.txt#overrides)
- Bonus tip: [Blackbox framework scripts to make Event Listener Breakpoints more useful](https://developer.chrome.com/blog/new-in-devtools-66.md.txt#tip)

### Chrome 65

- [Local Overrides](https://developer.chrome.com/blog/new-in-devtools-65.md.txt#overrides)
- [New accessibility tools](https://developer.chrome.com/blog/new-in-devtools-65.md.txt#a11y)
- [The Changes tab](https://developer.chrome.com/blog/new-in-devtools-65.md.txt#changes)
- [New SEO and performance audits](https://developer.chrome.com/blog/new-in-devtools-65.md.txt#audits)
- [Multiple recordings in the Performance panel](https://developer.chrome.com/blog/new-in-devtools-65.md.txt#recordings)
- [Reliable code stepping with workers in async code](https://developer.chrome.com/blog/new-in-devtools-65.md.txt#stepping)
- Bonus tip: [Automate DevTools actions with Puppeteer](https://youtu.be/D1pV7ermy6w?t=342) (video)

### Chrome 64

- [Performance Monitor](https://developer.chrome.com/blog/new-in-devtools-64.md.txt#perf-monitor)
- [Console Sidebar](https://developer.chrome.com/blog/new-in-devtools-64.md.txt#console-sidebar)
- [Group similar Console messages](https://developer.chrome.com/blog/new-in-devtools-64.md.txt#group-similar)
- Bonus tip: [Toggle hover pseudo-class](https://youtu.be/90wNAn05Cf4?t=159) (video)

### Chrome 63

- [Multi-client remote debugging support](https://developer.chrome.com/blog/new-in-devtools-63.md.txt#multi-client)
- [Workspaces 2.0](https://developer.chrome.com/blog/new-in-devtools-63.md.txt#workspaces)
- [4 new audits](https://developer.chrome.com/blog/new-in-devtools-63.md.txt#audits)
- [Simulate push notifications with custom data](https://developer.chrome.com/blog/new-in-devtools-63.md.txt#push)
- [Trigger background sync events with custom tags](https://developer.chrome.com/blog/new-in-devtools-63.md.txt#sync)
- Bonus tip: [Event listener breakpoints](https://youtu.be/Eyw_mwbABIQ?t=217) (video)

### Chrome 62

- [Top-level await in the Console](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#await)
- [New screenshot workflows](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#screenshots)
- [CSS Grid highlighting](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#css-grid-highlighting)
- [A new Console API for querying objects](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#query-objects)
- [New Console filters](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#console-filters)
- [HAR imports in the Network panel](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#har-imports)
- [Previewable cache resources](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#cache-previews)
- [More predictable cache debugging](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#cache-debugging)
- [Block-level code coverage](https://developer.chrome.com/blog/new-in-devtools-62.md.txt#coverage)

### Chrome 61

- [Mobile device throttling simulation](https://developer.chrome.com/blog/new-in-devtools-61.md.txt#throttling)
- [View storage usage](https://developer.chrome.com/blog/new-in-devtools-61.md.txt#storage)
- [View when a service worker cached responses](https://developer.chrome.com/blog/new-in-devtools-61.md.txt#time-cached)
- [Enable the FPS meter from the Command Menu](https://developer.chrome.com/blog/new-in-devtools-61.md.txt#fps-meter)
- [Set mousewheel behavior to zoom or scroll](https://developer.chrome.com/blog/new-in-devtools-61.md.txt#mousewheel)
- [Debugging support for ES6 modules](https://developer.chrome.com/blog/new-in-devtools-61.md.txt#modules)

### Chrome 60

- [New Audits panel](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#lighthouse)
- [3rd-Party Badges](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#badges)
- [A new gesture for Continue To Here](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#continue)
- [Step into async](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#step-into-async)
- [More informative object previews in the Console](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#object-previews)
- [More informative context selection in the Console](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#context)
- [Real-time updates in the Coverage tab](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#coverage)
- [Simpler network throttling options](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#network-throttling)
- [Async stacks on by default](https://developer.chrome.com/blog/new-in-devtools-60.md.txt#async-stacks)

### Chrome 59

- [CSS and JS code coverage](https://developer.chrome.com/blog/new-in-devtools-59.md.txt#coverage)
- [Full-page screenshots](https://developer.chrome.com/blog/new-in-devtools-59.md.txt#screenshots)
- [Block requests](https://developer.chrome.com/blog/new-in-devtools-59.md.txt#block-requests)
- [Step over async await](https://developer.chrome.com/blog/new-in-devtools-59.md.txt#async)
- [Unified Command Menu](https://developer.chrome.com/blog/new-in-devtools-59.md.txt#command-menu)