Chrome DevTools 148+: How to use new debugging tools // TRAIN BRAIN

Chrome DevTools 148+: How to use new debugging tools

Upgrade your workflows with the latest Chrome DevTools advancements across versions 148, 149, and 150. Discover the power of DevTools for agents, now stable, allowing your coding agent to interact with live browsers, run audits, and debug extensions. See the expanded capabilities of the AI assistance panel, offering intelligent solutions and insights into Core Web Vitals. Plus, explore quality-of-life improvements including APCA contrast calculation, WebMCP debugging tools, and Gemini-powered CSS code suggestions.
Watch more What's New in DevTools → https://goo.gle/NewInDevTools
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome
Speaker: Matthias Rohmer
Products Mentioned: Chrome, Chrome DevTools,

Chrome for Developers

Making the web more awesome....

Create a closed feedback loop: Chrome Devtools for agents (I/O Connect ‘26)

Life After I/O: Where is the Chrome DevRel team now?

New quest: Discover DevTools for agents

Automate building Chrome Extensions with Antigravity and DevTools MCP (I/O Connect ‘26)

Practical steps to make your website agent-ready (I/O Connect ‘26)

Authentication in 2026: A guide to passkeys, digital credentials and more (I/O Connect ‘26)

Chrome DevTools 148+: How to use new debugging tools

CGCP001 Unlocking productivity with WebMCP

Top 3 premium web experiences updates from Google I/O 2026

What's New: Chrome DevTools 148-150

Top 3 premium web experiences updates from Google I/O 2026

Best one stays: Chrome I/O updates

How to emulate device capabilities with Chrome DevTools for agents

What's new in the latest Angular release

Top 3 AI tooling updates from Google I/O 2026

A global team bringing you the future of the web

What is FedCM and how does it improve online privacy?

Stop prompt injection with WebMCP for a safer web.

What is the Federated Credential Management API (FedCM)?

Top 3 AI tooling updates from Google I/O 2026

Top 3 AI platform updates from Google I/O 2026

Keep your page interactive during view transitions #GoogleIO

Top 3 AI platform updates from Google I/O 2026

HTML is the new JSON: Declarative partial updates explained #GoogleIO

Fix markdown image syntax with AI and JSON schemas #GoogleIO

Emulate device capabilities with Chrome DevTools for agents

Chrome's new web dev tool: Modern Web Guidance #GoogleIO

Take control of AI agents on your site with WebMCP #GoogleIO

Simplify complex user intents with WebMCP #GoogleIO

Scale your web expertise with Chrome DevTools for agents #GoogleIO

How to get modern web guidance from your AI tools

The new HTML-in-Canvas API is a game-changer #GoogleIO

Build your website for the agentic era

Supercharge your AI coding workflow with Chrome DevTools for agents

What's new in Web UI

Build new features using built-in AI in Chrome

Break boundaries with Gemini in Chrome DevTools

Elevate the Chrome Extensions developer experience

What's new in Angular

Unlock modern web capabilities in your AI coding workflows

Build next-generation UIs with the HTML-in-Canvas API

Modernize authentication with passkeys, digital credentials, and more

Vibe design to build incredible web UI

What's new in Chrome

Register for #GoogleIO today and unpack all the news our team is bringing to build a better web

How to test web platforms with Chrome Dev

Build an expert LLM judge

Dont mind Oliver, he's just getting ready for #GoogleIO

How to track browser feature changes

Deprecation: what it means for web features

Translator API: on-device translation made easy

Build your AI testing pipeline

What is Chrome's feature removal process

What is browser feature removal

Align and test your LLM judge

WebMCP: teach Agents to browse your site

What is the Chrome DevTools MCP server

Building an extension in Antigravity in 6 minutes

Build a Basic LLM Judge

How Chrome deprecates and removes features

The essentials of HTTP cookie attributes

Design your AI evals

How to set up the Chrome DevTools MCP server

Your mental model for AI testing: evals, LLM judges, and test layering

What are evals and how they help test AI features

3 things you didn’t know about the Prompt API

Meet our team's MVP lineup

Chrome DevTools 145+: stop guessing SPA performance

How to use the DevTools MCP server for AI debugging #DevToolsTips

Extension Update Testing Tool in action

How to know if permissions are safe to request in your Chrome Extension

AI experimentation in Chrome Extensions

Scala.js to Wasm—Exploring the Wasm backend for Scala.js with Sébastien Doeraene

Everything that happened with Chrome Extensions in 2025

Customizable select #CSSWrapped 2025

Request conditions

Create Carousels with a few lines of CSS

DOM State-Preserving Move #CSSWrapped 2025

What’s new in DevTools 142 - 144

Custom functions #CSSWrapped 2025