Best of Google Chrome — September 2025

1. 1
   Article

   Addy Osmani·34w

   Give your AI eyes: Introducing Chrome DevTools MCP

   Chrome DevTools MCP is a new tool that connects AI coding assistants to Chrome's DevTools through the Model Context Protocol, allowing AI agents to see, interact with, and debug live web applications in real browsers. The tool enables AI to perform tasks like running performance traces, inspecting DOM elements, monitoring network requests, simulating user interactions, and automatically fixing issues based on actual browser feedback rather than guessing.

   198

   4
2. 2
   Article

   Chrome Developers·36w

   Chrome for Developers

   Chrome 140 introduces several new web development features including the ToggleEvent source attribute for identifying which element triggered a toggle event, support for counter() and counters() functions in CSS content property alt text for better accessibility, and the font-variation-settings descriptor in @font-face rules for more flexible font customization.

   113

   4
3. 3
   Article

   Chrome Developers·35w

   Chrome DevTools (MCP) for your AI agent

   Chrome DevTools now integrates with AI coding assistants through the Model Context Protocol (MCP), allowing AI agents to debug web pages directly in Chrome. This enables AI assistants to see what their generated code actually does in the browser, analyze performance traces, diagnose network errors, simulate user behavior, and debug styling issues in real-time. The public preview is available via npm and aims to improve AI coding accuracy by providing browser debugging capabilities.

   91

   1
4. 4
   Article

   Bytes by ui.dev·34w

   Chrome DevTools made an MCP server

   Chrome DevTools released a public preview of their MCP server that enables AI coding agents to control and inspect live Chrome browsers. This tool addresses the limitation of agents coding blindly by providing them with browser inspection capabilities through Puppeteer-powered MCP integration. Agents can now debug applications by inspecting DOM, reading console logs, checking network requests, automating user flows, and running performance audits. The newsletter also covers various web development topics including CSS specificity, TanStack Start migration, Redux usage in 2025, and JavaScript's arguments object handling.

   31

   1
5. 5
   Article

   Chrome Developers·36w

   What's New in WebGPU (Chrome 140)

   Chrome 140 introduces several WebGPU improvements including adapter consumption after device requests, texture shorthand usage for better ergonomics, 1D texture sampling support in vertex shaders, deprecation of bgra8unorm read-only storage textures, removal of GPUAdapter isFallbackAdapter attribute, and various Dawn backend optimizations for better performance on mobile GPUs.

   29

   1
6. 6
   Video

   Fireship·37w

   Google gets hilarious monopoly punishment…

   Google received a relatively lenient punishment for its antitrust violations, avoiding forced sale of Chrome or Android. Instead, the company must share search data with competitors, stop exclusive platform deals, and unbundle Android apps. The judge cited the emergence of generative AI as changing the competitive landscape, allowing Google to maintain its core assets while stock prices surged 10% on the news.

   28

   2
7. 7
   Video

   Web Dev Simplified·37w

   How To Use CSS Dev Tools Like a Senior Developer

   A comprehensive guide to advanced CSS debugging techniques using browser developer tools. Covers essential features like the styles panel, computed tab, layout visualization for grid and flexbox, DOM breakpoints, rendering tab for accessibility testing, animation scrubber, and CSS overview for analyzing colors, fonts, and contrast issues. Also includes Firefox-specific font debugging techniques to catch locally installed font issues before deployment.

   27
8. 8
   Article

   Chrome Developers·34w

   What's New in WebGPU (Chrome 141)

   Chrome 141 introduces major WebGPU improvements including completion of the Tint IR project that delivers up to 7x performance gains in shader compilation, integer range analysis for more efficient bounds checking, SPIR-V 1.4 support for Vulkan backend, and stabilization of the webgpu.h header with prebuilt Dawn binaries now available on GitHub Actions.

   25

   1
9. 9
   Article

   CSS-Tricks·36w

   What Can We Actually Do With corner-shape?

   The corner-shape CSS property enables creating various UI effects beyond traditional rounded corners, including snipped corners, slanted sections, sale tags, tooltips, and squircles. Currently supported only in Chrome 139+, it works alongside border-radius to create beveled, scooped, notched, and squircle corner shapes. Examples demonstrate practical applications like arrow breadcrumbs, realistic text highlighting, and background clipping techniques.

   25

   1