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]

Congratulations to all the WebMCP Challenge winners! 🧵⤵️

[OpenAI Developers @OpenAIDevs]

Meet the winners of The WebMCP Challenge.

These 10 projects show what people and agents can build together when websites expose structured tools agents can use.

🧵 See the winning projects and the builders behind them:

[Chrome for Developers @ChromiumDev]

How to detect the new Googlebooks ⬇️

In Chrome, Googlebooks return the ChromeOS User-Agent string, so you can't differentiate them from Chromebooks. You need to leverage low-entropy Client Hints.

1. Client-side: Check `platform === 'Android'` and `mobile === false` on `navigator.userAgentData`
2. Server-side: Inspect the `Sec-CH-UA-Platform` and `Sec-CH-UA-Mobile` HTTP headers

Read the complete documentation and multi-language server implementation snippets → https://t.co/21DAaI97ud

[OpenAI Developers @OpenAIDevs]

Meet the winners of The WebMCP Challenge.

These 10 projects show what people and agents can build together when websites expose structured tools agents can use.

🧵 See the winning projects and the builders behind them:

[Chrome for Developers @ChromiumDev]

Ever watched your coding agent confidently write massive amounts of JavaScript for a simple swipe gesture, only for the animation to stutter? 😅

Watch our side-by-side test: with Modern Web Guidance enabled, the coding agent pulls expert-vetted swipe-to-remove guide into its context window, handling features like scroll snap and intersection observer with ease → https://t.co/OlV78OR3kc

[Chrome for Developers @ChromiumDev]

See what new web platform features arrived in August → https://t.co/pDPWcD4YKH

Highlights reaching Baseline:
📦 Precision text-box alignment controls
🔎 Dynamic sibling-count() and sibling-index() functions
🌐 Global autocorrect HTML attribute support

[Chrome for Developers @ChromiumDev]

Build interactive components like sticky headers and overflow indicators with state-based container queries → https://t.co/fxflha4LsL

In this episode of The CSS Podcast, learn how to use scroll state queries for stuck, snapped, and scrollable UI elements to create dynamic web experiences without relying on extra JavaScript.

[Chrome for Developers @ChromiumDev]

Single-axis scroll containers fix long-standing CSS overflow quirks → https://t.co/GKLayT68Uq

Key capabilities ready for testing in Chrome 153 (Beta, Dev, or Canary):

📌 Pair `auto` with `clip` to enable a single-axis scroll container
🔍 Detect support reliably using `@ supports named-feature()`
🚫 Prevent accidental two-dimensional scrollers in your layouts

[Paul Kinlan @Paul_Kinlan]

It's great to see the work on responsively sized iframes landing in Chrome - https://t.co/Qjyt5skoNI

In my post about the browser being a great sandbox, I said: "We need a way to size the outer-iframe (or iframes in general) that doesn’t rely on access to iframe.contentDocument.body.innerHeight and sandbox='allow-same-origin'"
https://t.co/fTSQ8LbJl7

This is the start of that.

Happy to see this starting to land, because as we generate more experiences dynamically, we need the sandbox to improve *and* we need to be able improve how iframes work so we don't accidentally introduce user-land sandbox escapes to improve the UX of sites.

[André Bandarra @andreban]

🔄 Every software loop needs feedback: design, build, test, launch, and review.

When human users hit broken flows on a site, some file support tickets. But when AI agents hit dead ends, they fail silently or apologize in prose.

What if we give agents a bug-reporting tool? 🧵👇

[Chrome for Developers @ChromiumDev]

Chrome 154 is rolling out now ⬇️ https://t.co/rteT1QOjaQ

[Chrome for Developers @ChromiumDev]

Ever watched your coding agent confidently write massive amounts of JavaScript for a simple swipe gesture, only for the animation to stutter? 😅

Watch our side-by-side test: with Modern Web Guidance enabled, the coding agent pulls expert-vetted swipe-to-remove guide into its context window, handling features like scroll snap and intersection observer with ease → https://t.co/OlV78OR3kc

[Chrome for Developers @ChromiumDev]

We launched our new two-week release cycle → https://t.co/aaNZxwWoEU

Here's what this means for web devs:
🔭 Smaller, more manageable release scopes
🌐 Modern Web Platform capabilities land sooner
🔒 Speedier delivery for critical security patches

[Chrome for Developers @ChromiumDev]

Is browser scroll-locking helping your site users, or just frustrating their diagonal gestures? 📐

Bramus breaks down how `scroll-axis-lock: none` gives you control over 2D panning behavior.

Check out the interactive demos → https://t.co/ywn7Ip4qYF

[Chrome for Developers @ChromiumDev]

hasStorageAccess() and requestStorageAccess() are now widely available baseline web platform features. The Storage Access API lets embedded content access cookies and unpartitioned state seamlessly, keeping user privacy intact while supporting modern standards.

Get all the details on MDN → https://t.co/rExY79eizL

[Chrome for Developers @ChromiumDev]

Design effective WebMCP tools to help AI agents complete users' workflows→ https://t.co/GxctwfZFSc

Follow our practical framework to map user goals, define application states, and role-play scenarios to support agentic interactions.

[Chrome for Developers @ChromiumDev]

@Liam2307 Yes the plugin will pick up the guidance automatically! The Modern Web Guidance skill's description instructs agents to progressively disclose it for any relevant web development tasks. You can see our full triggering instructions here: https://t.co/5aU6p8dqyN

[Chrome for Developers @ChromiumDev]

Modern Web Guidance v0.0.187 brings new and updated guides and Codex plugin support → https://t.co/7Gk5Y0SL0a

✨ New guides: progress rings, scrollspy nav menus, loading spinners
📝 Updated guidance to avoid bfcache breakage and unwanted inline layout gaps
🔌 Added plugin manifest support for Codex