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

Mountain View, CA
Joined February 2010
What happens when your coding agent knows current web best practices for modal dialogs? 🧵
3
1
11
2,132
Same prompt, very different results ⬇️
1
491
Chrome for Developers retweeted
Had a great time talking about the future of Chrome with @conorgrennan on the AI Applied podcast. A few of the topics we covered: - Why AI isn't going to do everything for us - How different users with different needs will use AI - Why the browser presents cool opportunities for collaborating with AI Check it out: youtube.com/watch?v=U27l2u6P…
6
1
15
6,208
No, WebMCP isn't replacing MCP. MCP connects agents to your services. WebMCP connects agents to your website while it's open and the user's in the loop. Here's how they fit together ⤵️
18
69
10
762
34,022
Ever hovered over a button, switched to DevTools, and watched its :hover styles vanish? 🎨 Turn on inactive styles in Settings, and the Elements panel will keep showing rules that no longer apply, clearly marked with an inactive indicator → goo.gle/4i2xbRL
2
4
1
69
6,599
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 → goo.gle/4i2xbRL
6
17
190
14,499
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? ⬇️ goo.gle/4dV0Km1
5
14
2
135
17,145
If ads are slowing down your site, DevTools can now identify the scripts responsible → goo.gle/4i2xbRL 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.
6
12
1
99
10,739
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 → goo.gle/mwg
19
32
7
291
20,693
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.
1
10
1,432
Important updates for the Email Verification origin trial, including a new dedicated docs section → goo.gle/4s5Y2Qb 📱 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'
5
21
167
12,231
That failing API call in the Network panel? Rewrite it in the Console in two clicks → goo.gle/4i2xbRL 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:
5
2
81
10,395
Chrome for Developers retweeted
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: goo.gle/webmcp-tools Extension: goo.gle/webmcp-extension
2
4
22
2,147
Chrome 155 adds support for JPEG XL (.jxl) → goo.gle/4yYpSjW 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.
52
132
61
1,927
197,308
🔒 Prevent unauthorized data exfiltration with connection allowlists → goo.gle/4y7rYgp 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.
10
36
10
301
36,740
Chrome for Developers retweeted
We have presents for you! 🎁 - A new WebMCP Skill with best practices for security, development, & 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
40
128
16
874
71,760
Chrome for Developers retweeted
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: cruxvis.withgoogle.com/ And read this blog post for more details about how Core Web Vitals change in general: web.dev/blog/crux-experiment…
2
7
17
3,223
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 → goo.gle/4Ba886J
11
6
2
52
6,660