Chrome for Developers

The official Chrome Devs X account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.

[Chrome for Developers @ChromiumDev]

Clicking a link in a single-page app doesn't trigger a full page load. That's why it's tricky to measure.

Chrome DevTools now analyzes these soft navigations in Performance Insights, alongside Live Metrics and trace views → https://t.co/wcgFFqRrkq

[Chrome for Developers @ChromiumDev]

Now you can render live, accessible HTML buttons inside a 3D scene without losing screen reader support 🤯

The HTML-in-Canvas API makes it possible! No more floating CSS overlay hacks or laggy transform listeners. Natalia breaks down how to use the API to keep performance high and accessibility intact.

Ready to level up your canvas renders? ⬇️ https://t.co/rPE8H9xZfG

[Chrome for Developers @ChromiumDev]

If ads are slowing down your site, DevTools can now identify the scripts responsible → https://t.co/8QWYnv3fGH

In Chrome DevTools, open Application > Ads to check experimental CrUX ad metrics (including CPU and Network usage), browse a table of ad scripts, and highlight every ad on the page.

[Chrome for Developers @ChromiumDev]

Correction: since this video was recorded, MWG has been updated to improve cross-browser compatibility.

allow-discrete shouldn't be used in the transition shorthand; set it separately in transition-behavior so older browsers don't drop the whole transition.

[Chrome for Developers @ChromiumDev]

Your prompt: "Add a modal that smoothly slides into view and fades out when closed."

Unguided coding agent: Custom <div>, z-index: 9999, and JS setTimeout unmount hacks.

Guided coding agent: Native <dialog> with @ starting-style, overlay, and allow-discrete transitions.

Bring current best practices to your agent workflow with Modern Web Guidance → https://t.co/OlV78OR3kc

[Chrome for Developers @ChromiumDev]

Important updates for the Email Verification origin trial, including a new dedicated docs section → https://t.co/cghuhd91g3

📱 Chrome for Android support enabled (Settings > Addresses and more > Verified Email)
🔑 Third-party origin trial support for embedded identity SDKs (same-site issuer requirement)
🛡️ JWKS signature validation guidance for optional `kid` claims
🔤 Strict exact-case email claim matching coming in Chrome 156
🏷️ Header standardized to 'Sec-Fetch-Dest: email-verification'

[Chrome for Developers @ChromiumDev]

That failing API call in the Network panel? Rewrite it in the Console in two clicks → https://t.co/8QWYnv3fGH

Right-click any request and select "Edit and resend as fetch". DevTools opens the Console with the fetch() call ready to edit, parameter comments included, and a reference link.

🔒 Also new: local overrides block path traversal and non-http(s) schemes like data: and blob:

[Chrome for Developers @ChromiumDev]

@michaelbeal1 Modern Web Guidance is meant to be installed as a project- or global-level skill. Once installed, you shouldn't need to do anything differently to invoke it; the skill description instructs agents to use it automatically whenever you're working on a web development-related task

[Kasper @kaskulikowski]

I got a few questions recently about contributing to our open-source WebMCP projects, so here are some example starting points to help you jump in. 💪

If you want to chat about your ideas first, feel free to DM me anytime! 😀

Tools: https://t.co/FA8LFeib68
Extension: https://t.co/P0wxnSu6ak

[Chrome for Developers @ChromiumDev]

Chrome 155 adds support for JPEG XL (.jxl) → https://t.co/9hRpfvwtMc

Expect 30-50% smaller file sizes than traditional JPEGs, native HDR, progressive rendering, and lossless JPEG transcoding.

Under the hood, Chrome uses jxl-rs, a pure Rust decoder built for maximum memory safety and performance.

[Chrome for Developers @ChromiumDev]

🔒 Prevent unauthorized data exfiltration with connection allowlists → https://t.co/CZNCNC0UiO

Third-party scripts or AI-generated code can bypass app-level checks to send sensitive information to unauthorized servers. Connection allowlists give you explicit control over network requests by making the browser the gatekeeper of all network connections originating from your page.

[Sarah Drasner @sarah_edo]

We have presents for you! 🎁

- A new WebMCP Skill with best practices for security, development, &amp; consequential flows

- WebMCP Types: TypeScript definitions, with type inference from InputSchema

Give em to your agent, it helps scaffold out WebMCP so fresh and so clean clean

[Barry Pollard @tunetheweb]

Experimental soft navigation data now available in CrUX!!

If your site is an SPA then see how your own Core Web Vitals data will change at: https://t.co/IYa9CTdkyB

And read this blog post for more details about how Core Web Vitals change in general:

https://t.co/6pDl07j8IB

[Chrome for Developers @ChromiumDev]

Install two key updates to modernize extension builds with @antigravity:

1️⃣ Modern Web Guidance to share best practices directly with your coding agent
2️⃣ Chrome DevTools for agents, which allows your agent to install and test extensions in a real Chrome browser

Write your prompt and enjoy smooth sailing for your extensions development ⛵

Check it out → https://t.co/awHi5DTAf7

[Kasper @kaskulikowski]

The Agentic Web is happening live! 🔥

This week we have a special guest! 🎉 Together with @andreban we are thrilled to welcome @nartmadi , CEO and Founder of @Senro_AI 🎉

We will be discussing WebMCP Evals, Observability, and way more 😉

What does "production-ready" mean for the Agentic Web? We’re diving deep into the tooling and testing patterns you need to know.

🕒 When: Friday at 5 PM CET / 8 AM PDT
🎥 Where: Live on https://t.co/st7tgfZNxu

See you there!

#TheAgenticWeb #WebMCP #Evals

[Chrome for Developers @ChromiumDev]

Modern Web Guidance brings up-to-date coding guides directly into your agent's context window. That way, it uses HTML attributes to define dialogs declaratively, instead of messy JS event listeners → https://t.co/iP7QLNhQtG

[Chrome for Developers @ChromiumDev]

Guide your coding agent toward cleaner, best-practice based dialog code 🧵⤵️

[Chrome for Developers @ChromiumDev]

WebGPU in Chrome 153 and 154 brings major WGSL language upgrades → https://t.co/u6dm86gqtK

You can now write directly to vector swizzles like position.xy = vec2f(10.0, 20.0) with the new swizzle_assignment extension.

Also included in this release:
• WGSL buffer_view for reinterpreting buffer memory with built-in functions
• Direct mapping improvements in Dawn to eliminate extra GPU buffer copies