Chrome 149 DevTools is out → https://goo.gle/4v55cVT Here's what's new: 💡 Agent walkthrough & Copy to coding agent in AI assistance 🎨 CSS Code Completion from Gemini in the Styles tab 🤖 WebMCP debugging tools in Application panel 🚀 DevTools for agents 1.0 with custom tools https://twitter.com/ChromiumDev/status/2064076036472557730/photo/1
中文: Chrome 149 已推出 → 以下是新内容: 💡 代理演练与放大器;在人工智能辅助中复制至编码代理 🎨 在样式选项卡中完成来自 Gemini 的 CSS 代码 🤖 应用面板中的 WebMCP 调试工具 🚀 使用自定义工具,为代理 1.0 提供 DevTools
With Modern Web Guidance now in early preview, you can guide your coding agents across many common use cases to build modern web experiences that are more accessible, performant, and secure. What are you most excited to try?
中文: 借助现代网页指南,您可以指导您的编码代理处理多种常见使用案例,以构建更易于访问、更高性能且更安全的现代网页体验。 你最想尝试什么?
We walked the floor at #GoogleIO and asked developers one simple question: What was your favorite part of I/O this year? 🎤 https://twitter.com/ChromiumDev/status/2062991383997128957/video/1
中文: 我们走到#GoogleIO的一层楼,向开发者提出了一个简单的问题:今年你最喜欢的I/O部分是什么?🎤
Chrome 149 has landed → https://goo.gle/4uSvj2a Style grid and flexbox cleanly with progressive-enhancement-friendly CSS gap decorations—fully animatable and hack-free. ages with active WebSocket connections can now use the Back/Forward Cache, closing connections upon…
中文: Chrome 149 已登陆 → 风格网格和柔性盒,采用渐进式增强型CSS间隙装饰,完全可动画且无黑客功能。如今,带有活跃WebSocket连接的年代可以使用后背/向后缓存,关闭连接...
Make HTML the new JSON. Declarative Partial Updates let you render out-of-order HTML updates and build UI placeholders without JS. Plus, the new streaming APIs makes Island architecture a breeze by injecting HTML directly into the DOM. Available for testing since Chrome 148 →… https://twitter.com/ChromiumDev/status/2062709598021156973/video/1
中文: 将HTML变成新的JSON。声明性部分更新可让您在没有 JS 的情况下进行无序 HTML 更新并构建 UI 占位符。此外,新的流媒体API通过将HTML直接注入DOM,使Island架构变得轻而易举。自 Chrome 148 起可接受测试 →
RT @Una: ✅ Nice little button scale-down on activation 🙈 Layout change because scroll bar disappears 🙈 No light dismiss Let's fix it. The…
中文: RT @Una:✅ 激活时小按钮缩小 🙈 布局变更,因为滚动条会消失 🙈 无光无 让我们来修复它。 ......
Start using the Prompt API even when it isn't natively supported yet. Our experimental polyfill uses Transformers.js with Gemma 3 1B by default, or you can seamlessly swap to cloud backends. Just import prompt-api-polyfill.js and start prompting. https://goo.gle/4uG8sqw
中文: 即使尚未原生支持,也要开始使用 Prompt API。我们的实验性聚填充程序默认使用 Transformers.js 和 Gemma 3 1B,或者您可以无缝切换为云后端。只需导入提示-API-polyfill.js 并开始提示。
Start using the Prompt API even when it isn't natively supported yet. Our experimental polyfill uses Transformers.js with Gemma 3 1B by default, or you can seamlessly swap to cloud backends. Just import prompt-api-polyfill.js and start prompting → https://goo.gle/4uG8sqw
中文: 即使尚未原生支持,也要开始使用 Prompt API。我们的实验性聚填充程序默认使用 Transformers.js 和 Gemma 3 1B,或者您可以无缝切换为云后端。只需导入提示-API-polyfill.js 并开始提示 →
The HTML-in-Canvas API is the bridge that gives you the best of HTML with the power and expressivity of canvas. By placing HTML inside the <canvas> element and synchronizing its transform, you ensure the content remains fully interactive, and that all browser integrations… https://twitter.com/ChromiumDev/status/2061542034763071641/photo/1
中文: HTML-in-Canvas API 是为您提供优质HTML的桥梁,其功能兼有画布的功能和表达性。通过在 &lt;canvas&gt; 元素中放置 HTML 并同步其转换功能,可确保内容保持完全交互,并实现所有浏览器集成......
Increase the reliability of agents using your page. WebMCP lets you define structured tools and annotate HTML forms so agents know exactly how to interact. Tell us which use case you'd test first with the new API ⬇️
中文: 提高使用您页面的代理的可靠性。WebMCP 可让你定义结构化工具并注释 HTML 表单,以便代理能够准确了解如何交互。告诉我们你先用新API测试哪个用例⬇️
Standard tests fail on generative AI because one input can lead to thousands of answers. WebMCP evals can help. Test your LLM touchpoints to verify your agent understands tool schemas, picks the right parameters, and completes user journeys before production →… https://twitter.com/ChromiumDev/status/2060449613149044744/photo/1
中文: 生成式人工智能的标准测试失败,因为一个输入可以带来成千上万个答案。WebMCP 的 evals 可以提供帮助。测试您的LLM触点,以验证您的代理是否理解工具架构,选择合适的参数,并在生产前完成用户旅程 →
Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the… https://twitter.com/ChromiumDev/status/2060422444972695598/video/1
中文: 通用人工智能提示通过原始源代码对性能问题进行刻录 📉 用于代理的 Chrome DevTools 修复了此功能。让您的编码代理运行真实的性能痕迹和代理灯塔审计,直接在 中捕捉实际的速度、可访问性和搜索引擎优化拦截功能
AI coding agents can write code, but they can't see if it actually works. Chrome DevTools for agents 1.0 fixes this. The stable release brings powerful browser debugging, emulation, and automated audits to your AI assistants via our Chrome DevTools MCP server. 👁️ Give your… https://twitter.com/ChromiumDev/status/2060114203621335523/photo/1
中文: 人工智能编码代理可以编写代码,但无法查看它是否真的有效。 Chrome DevTools for Agnuters 1.0 修复了此功能。稳定版本通过我们的 Chrome DevTools MCP 服务器,为您的人工智能助手带来了强大的浏览器调试、仿真和自动化审计功能。 👁️ 提供您的...
Prepare your site for AI agent interaction with Lighthouse → https://goo.gle/3ReK3JD If you want AI agents to actually navigate your site properly, the new experimental audit in Lighthouse lets you see: ☀️ Discoverability for AI agents ⚡ WebMCP integration 👀 AI accessibility… https://twitter.com/ChromiumDev/status/2060063551876645050/photo/1
中文: 为与灯塔的人工智能代理交互做好准备 → 如果希望人工智能代理能够正确浏览您的网站,Lighthouse 中的新实验审核功能可让您看到: ☀ 人工智能代理的发现能力 ⚡ WebMCP 集成 👀 人工智能可访问性......
RT @Paul_Kinlan: My Google IO demo of HTML in Canvas and Web MCP https://github.com/PaulKinlan/3d-io-demo-26 https://twitter.com/Paul_Kinlan/status/2059045859421978932/video/1
中文: RT @Paul_Kinlan:我在Canvas和Web MCP中对HTML的Google IO演示
See what it actually takes to prep for a #GoogleIO session, from backstage mic checks to the post-session high-fives. @Una, @matthiasrohmer, @tomayac, and Mark Thompson share an insider look behind this year's biggest event. https://twitter.com/ChromiumDev/status/2059784071589269737/video/1
中文: 了解从后台麦克风到会后高五的#GoogleIO会话准备实际需要什么。@Una、@matthiasrohmer、@tomayac 和 Mark Thompson 分享了今年最大赛事背后的内幕。
See what it actually takes to prep for a #GoogleIO session, from backstage mic checks to the post-session high-fives. @Una , @matthiasrohmer , @tomayac , and Mark Thompson share an insider look behind this year's biggest event. https://twitter.com/ChromiumDev/status/2059783875501457728/video/1
中文: 了解从后台麦克风到会后高五的#GoogleIO会话准备实际需要什么。@Una、@matthiasrohmer、@tomayac 和 Mark Thompson 分享了今年最大活动背后的内幕。
RT @googledevs: Modern Web Guidance + Chrome DevTools for agents = A powerful new workflow. 🛠️ Matthias Rohmer takes you inside the #Googl…
中文: RT @googledevs:现代网页指导 + 适用于代理的 Chrome 开发 开发 = 一个强大的新工作流程。🛠️ 马蒂亚斯·罗默带你走进《谷歌》......
Signing in to the web shouldn’t feel like a chore. It should be a secure, seamless entry point that makes users feel safe from the start 🔒 Our new guide from #GoogleIO outlines how to eliminate authentication friction using Conditional Create for zero-prompt passkey upgrades… https://twitter.com/ChromiumDev/status/2059368494110544182/video/1
中文: 登录网页不应该让人觉得是一件苦差事。它应该是一个安全、无缝的入口,让用户从一开始就感到安全 🔒 我们来自#GoogleIO的新指南概述了如何使用“条件性创建”进行零提示牌升级来消除身份验证摩擦......
RT @ng_thanh8: Building Chrome extensions with AI just got a lot more practical. Google’s new guide basically says: don’t just give the ag…
中文: RT @ng_thanh8:使用AI构建Chrome扩展程序变得更加实用。 谷歌的新指南基本上说:不要只给这个年限......
RT @bramus: Here's the recording of this year's “What's new in Web UI” talk @Una and I gave at Google I/O earlier this week. https://t.co/…
中文: RT @bramus:以下是我本周早些时候在谷歌I/O上录制的“Web UI中有什么新内容”演讲的录音。
Web devs have always faced a trade-off: rich DOM features or raw <canvas> performance. With the HTML-in-Canvas API now in origin trial, you can render interactive HTML/CSS into your WebGL or WebGPU textures. Which native capability are you bringing to your 3D scenes? #GoogleIO
中文: 网络开发者一直面临一种权衡:丰富的DOM功能或原始 &lt;canvas&gt; 性能。使用 HTML in-Canvas API 现已进入原点试用阶段,您可以将交互式 HTML/CSS 渲染到 WebGL 或 WebGPU 纹理中。 你为3D场景带来了哪种原生功能?#谷歌
RT @Firebase: New ways to optimize AI for efficiency and cost: 🆕 Hybrid inference is now available for iOS! 📈 Android support has also ex…
中文: RT @Firebase:为提高效率和成本而优化人工智能的新方法: 🆕 混合推理现已在 iOS 上可用! 📈 安卓支持也与前......
Token budgets shouldn't be the reason you skip adding AI features to your web app. @Trip is experimenting with built-in AI using Gemini Nano to process flight queries and generate travel summaries directly client-side. This local inference will reduce server-side AI dependency… https://twitter.com/ChromiumDev/status/2057568134039552339/video/1
中文: 代币预算不应成为你跳过在网页应用中添加人工智能功能的原因。 @Trip 正在尝试使用 Gemini Nano 进行内置人工智能,以处理航班查询并直接生成旅行摘要。这种局部推断将减少服务器端的人工智能依赖......
RT @andreban: @i_am_kaspa 's I/O talk is a treasure trove to prepare your site for AI agents: 1. How agents 'see' your site, best practices…
中文: RT @andreban:@i_am_kaspa 的 I/O 演讲是为人工智能代理准备网站的宝库: 1。代理商如何“查看”您的网站,最佳实践......
Stop fighting outdated AI coding suggestions 🛠️ We’re sharing an early preview of Modern Web Guidance to give your AI agents the latest web platform knowledge. It automatically provides modern solutions with cross-browser fallbacks, so your code stays current without breaking… https://twitter.com/ChromiumDev/status/2057557961497559220/video/1
中文: 停止抵制过时的人工智能编程建议🛠️ 我们正在分享《现代网页指南》的早期预览,为您的人工智能代理提供最新的网络平台知识。它会自动提供带有交叉浏览器回流的现代解决方案,使您的代码保持最新状态,而不会崩溃......
Hunting down elusive runtime errors by hand is a massive time sink → https://goo.gle/4ww17L8 @ca_developers resolved this bottleneck for their Ameba blogging platform by replacing manual debugging with Chrome DevTools for agents. By integrating these tools, they built a… https://twitter.com/ChromiumDev/status/2057539958869549103/photo/1
中文: 手动追踪难以捉摸的运行时错误是一次巨大的时间问题 → @ca_developers 通过将手动调试替换为 Chrome DevTools 来解决其 Ameba 博客平台的这一瓶颈。通过集成这些工具,他们构建了一个......
RT @googledevs: That’s a wrap on #GoogleIO! 🎬✨ Missed a moment or want to dive deeper? All sessions, including the full Developer Keynote,…
中文: RT @googledevs:这是对#GoogleIO的总结!🎬✨ 错过片刻,还是想深入吗?所有课程,包括完整的开发者主题演讲......
RT @laparisa: Another epic #GoogleIO in the books! Here’s a recap of all the @googlechrome updates we shared to help you browse & build fo…
中文: RT @laparisa:书中又一部史诗般的#GoogleIO! 以下是我们分享的所有 @googlechrome 更新,帮助您浏览和浏览;构建 fo...
"Find a hotel close to Grandma for the 4th of July." We all know DOM scraping for this kind of prompt can be difficult. At #GoogleIO, see how @Expedia exposed structured tools via WebMCP instead. The browser agent called these tools to reliably and precisely update location and… https://twitter.com/ChromiumDev/status/2057502285798764792/video/1
中文: 七月四日在奶奶附近找到一家酒店。 我们都知道,为这种提示进行DOM抓取可能很困难。在#GoogleIO上,请查看 @Expedia 如何通过 WebMCP 公开结构化工具。浏览器代理将这些工具称为可靠且精确地更新位置和......
Figuring out the perfect headline shouldn't drain your energy. Since the Summarizer API runs locally client-side, you can generate titles while keeping your drafts completely private. Check out this demo from #GoogleIO on building an editorial workflow with built-in AI APIs using… https://twitter.com/ChromiumDev/status/2057258249800282495/video/1
中文: 找出完美的标题不应消耗你的精力。由于Summarizer API 运行本地客户端,因此您可以在将草稿完全保密的同时生成标题。通过 使用内置的 AI API 构建编辑工作流程,观看 #GoogleIO 的演示
AI agents can already write extension code, and now we're helping to level them up. At #GoogleIO, we launched the Chrome Extensions skill via Modern Web Guidance and Chrome DevTools for agents. Learn how to build extensions faster → https://goo.gle/4vllLfZ https://twitter.com/ChromiumDev/status/2057249725879926906/video/1
中文: 人工智能代理已经可以编写扩展代码了,现在我们正在帮助它们升级。在#GoogleIO上,我们通过Modern Web Guidance和Chrome DevTools为代理推出了Chrome扩展技术。 了解如何更快地构建扩展程序 →
RT @Paul_Kinlan: I'm so proud of the team for pulling this together. We've been working on this for a while and it's exciting to see this a…
中文: RT @Paul_Kinlan:我为团队团结合作感到非常自豪。我们已经为此努力了一段时间,看到这个令人兴奋......
RT @MSEdgeDev: Modern Web Guidance is now in early preview 👀 AI coding agents often rely on legacy patterns → bloated JS. @googlechrome +…
中文: RT @MSEdgeDev:现代网页指南现已提前预览👀 人工智能编码代理通常依赖传统模式→臃肿的JS。 @googlechrome +...
The agentic era has arrived, but the foundation remains the same. Start with a human-centered approach, then layer on agentic tools to enhance your development and browsing flows ⬇️ #GoogleIO https://twitter.com/ChromiumDev/status/2057239013040230864/video/1
中文: 代理时代已经到来,但基础依然保持不变。先采用以人为本的方法,然后分层使用特制工具来提升你的开发和浏览流程 ⬇️ #GoogleIO
RT @stitchbygoogle: 🎥 Beautiful Motion on an HTML-native Canvas Rolling out this week, your designs are about to get much more dynamic: ✨…
中文: RT @stitchbygoogle:🎥 使用 HTML 原生画布的精美动态 本周推出,您的设计即将变得更加动态: ✨
💡@lycorp_jp built an automated AI-based performance auditing system to reduce manual analysis by 98% → https://goo.gle/435qENO By using Chrome DevTools for agents, they scaled performance analysis across their massive ecosystem of web platforms, connecting runtime metrics… https://twitter.com/ChromiumDev/status/2057195195146408088/photo/1
中文: 💡@lycorp_jp 构建了基于人工智能的自动化性能审计系统,可将人工分析减少98% → 通过将 Chrome DevTools 用于代理,他们通过庞大的网络平台生态系统来扩展性能分析,并连接运行时指标......
@lycorp_jp built an automated AI-based performance auditing system to reduce manual analysis by 98% → https://goo.gle/435qENO By using Chrome DevTools for agents, they scaled performance analysis across their massive ecosystem of web platforms, connecting runtime metrics… https://twitter.com/ChromiumDev/status/2057195068595831125/photo/1
中文: @lycorp_jp 构建了基于人工智能的自动化性能审计系统,将人工分析减少98% → 通过将 Chrome DevTools 用于代理,他们通过庞大的网络平台生态系统来扩展性能分析,并连接运行时指标......
Manual debugging is getting an upgrade. We captured this walkthrough to show how Chrome DevTools for agents uses console logs and network traffic to automatically verify and fix a broken signup flow in real time. Give your AI the runtime visibility it needs today. #GoogleIO https://twitter.com/ChromiumDev/status/2057172959333171500/video/1
中文: 手动调试正在获得升级。 我们通过此方法验证了 Chrome DevTools 代理如何利用控制台日志和网络流量,以实时自动验证和修复损坏的注册流程。让您的人工智能实现当前所需的运行时可见性。 #GoogleIO
Let your coding agent control and inspect a live browser using the new Chrome DevTools for agents announced at #GoogleIO. With the chrome-devtools-mcp package, you can equip coding agents, like Antigravity CLI or Claude Code, with DevTools' capabilities to verify, debug, and… https://twitter.com/ChromiumDev/status/2057161173057876169/photo/1
中文: 让您的编码代理使用新的 Chrome DevTools 来控制并检查实时浏览器,以便在 #GoogleIO 上发布代理。 使用 chrome-devtools-mcp 包,您可以为编码工具(如 Antigravity CLI 或 Claude Code)配备 DevTools 的验证、调试和...
Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create… https://twitter.com/ChromiumDev/status/2057155781045174322/video/1
中文: 每个网站都有故事要滚动📖 借助全新的《滚动触发动画》,您可以将您的网站转变为沉浸式叙事,让用户保持互动。使用零 JS 创建精美的基于时间的动画,全部采用 CSS 原生功能。 摆脱静态用户界面并创建......
RT @Una: Watch @bramus and I do a round up of What’s New in Web UI! ✨ LIVE ✨ in 30 mins See us at the #google Chrome tent Stream it: ht…
中文: RT @Una:观看@bramus,我会在Web界面中查看“什么是新”! ✨ 30分钟起就直播✨ 在#谷歌Chrome帐篷上看到我们 直播:HT...
Your technical TL;DR from #GoogleIO day 1 is here to get you ready for day 2 ↓ https://twitter.com/ChromiumDev/status/2057129485242167406/video/1
中文: 从#GoogleIO第一天开始,你的技术技术就是为你准备第2天 ↓
RT @sarah_edo: 💥 Game changer for Web Development announced at GoogleIO- Modern Web Guidance! It’s expert-vetted skills for web development…
中文: RT @sarah_edo:在 GoogleIO-Modern Web 指南中宣布,游戏改过网页开发!这是经过专家级查阅的网页开发技能......
RT @lifelongdev: Just watched the @googledevs keynote. Shouts to @Una (fire blazer, btw) & @matthiasrohmer! Just updated my @antigravit…
中文: RT @lifelongdev:刚刚观看了@googledevs主题演讲。 向@Una(消防服,btw)和:@matthiasrohmer 大喊大叫! 刚刚更新了我的@antigravit...
RT @sarah_edo: 🛠️ Maybe you've heard about WebMCP, but if you'd like to see it in action and learn how to work with it? I made a small site…
中文: RT @sarah_edo:🛠️ 也许你听说过 WebMCP,但如果你希望看到它的操作并学会如何与它合作?我做了一个小网站......
RT @googledevs: Turn your website into an agentic toolkit 🌐 Catch the 3 big Chrome updates from #GoogleIO: 🛠️ WebMCP for agentic toolkits…
中文: RT @googledevs:将您的网站变成一个特化工具包 🌐 获取来自#GoogleIO的3大Chrome更新: 🛠️ WebMCP 用于代理工具包......
Agents are transforming web development & we’re equipping you with the tools to guide them → https://goo.gle/4uMV8QI Whether it's empowering AI agents with Modern Web Guidance to build modern web applications, or scaling your workflow with Chrome DevTools for agents, we're… https://twitter.com/ChromiumDev/status/2056859047488372889/photo/1
中文: 代理正在改造网页开发和应用程序;我们为您提供指导工具 → 无论是通过现代网页指南为人工智能代理提供现代网页应用程序,还是通过为代理提供 Chrome DevTools 的扩展流程,我们都是......
RT @Paul_Kinlan: I'm nervous, but excited. Join me live to learn about What's New in Chrome at #googleio - I'll be talking about WebMCP, De…
中文: RT @Paul_Kinlan:我很紧张,但很兴奋。和我一起实时了解#googleio浏览器中的“新”功能——我将讨论WebMCP、De...
RT @philwalton: I'm going to be giving a talk that deep dives into Modern Web Guidance in 2 hours: https://x.com/ChromiumDev/status/2056846278970007682 You can find th…
中文: RT @philwalton:我将发表一个深入探讨《现代网络指南》的演讲,内容将在2小时内深入探讨: 你可以找到它......
Skip the token bills & server latency with client-side AI. The Prompt API is now in stable with Chrome 148. Use it with Gemini Nano to build web AI experiences with multimodal inputs and structured output for richer experiences → https://goo.gle/43hL06y https://twitter.com/ChromiumDev/status/2056855871150305576/photo/1
中文: 跳过令牌账单和放大器;使用客户端AI进行服务器延迟。Prompt API 现已与 Chrome 148 处于稳定状态。与Gemini Nano一起利用多模态输入和结构化输出构建网络AI体验,从而获得更丰富的体验 →
RT @Google: We're introducing a wave of new developer tools to help you build, test, and optimize agentic web experiences. See what's new…
中文: RT @Google:我们推出一波新的开发工具,帮助您构建、测试和优化智能网络体验。 看看有什么新的......
AI assistance in Chrome DevTools is now more powerful with access to Lighthouse audits and improved UI to understand reasoning. Collaborate with Gemini to resolve complex bugs faster and more confidently → https://goo.gle/4wB7jle #GoogleIO https://twitter.com/ChromiumDev/status/2056851430481297761/photo/1
中文: Chrome DevTools 中的人工智能辅助功能现在更强大,能够访问 Lighthouse 审核,并改进用户界面以理解推理能力。与 Gemini 合作,更快、更自信地解决复杂漏洞 → #GoogleIO
Break the boundaries between the canvas and the DOM. Announced at #GoogleIO, the new HTML-in-Canvas API allows you to integrate real HTML/CSS directly into Canvas, making your immersive experiences searchable, interactable, and accessible by default → https://goo.gle/3RQ8v49 https://twitter.com/ChromiumDev/status/2056849499763486748/photo/1
中文: 打破画布与域名之间的界限。 在#GoogleIO上发布,新的HTML-in-Canvas API可让您将真实的HTML/CSS直接集成到Canvas中,使您的沉浸式体验能够搜索、可交互且可访问 →
📢 Just announced at #GoogleIO, Chrome DevTools for agents is now in stable 📢 It brings powerful browser debugging, emulation, and Lighthouse audits to coding agents via an MCP server, CLI, and specialized agent skills → https://goo.gle/4eHFzVI https://twitter.com/ChromiumDev/status/2056848811020923023/photo/1
中文: 📢 刚刚在#GoogleIO上宣布,适用于代理的 Chrome DevTools 现已处于稳定状态 📢,通过 MCP 服务器、CLI 和专业代理技能,为编程代理带来了强大的浏览器调试、仿真和 Lighthouse 审核功能 →
The WebMCP API will enter origin trial starting in Chrome 149 → https://goo.gle/4u57Wlf It's a proposed web standard that lets you expose structured tools, like JS functions and HTML forms, to browser-based agents, enabling them to know exactly how and where to interact with… https://twitter.com/ChromiumDev/status/2056847918926045478/photo/1
中文: WebMCP API 将从 Chrome 149 开始进入原点试用版 → 这是一个拟议的网页标准,可让你将JS函数和HTML表单等结构化工具公开给基于浏览器的代理,使他们能够准确了解如何以及在哪里进行交互......
Ensure your coding agents build apps that are modern, fast, & secure by default → https://goo.gle/3PcqfGj We just announced Modern Web Guidance at #GoogleIO. By injecting AI-ready skills and modern features—complete with Baseline Widely Available fallbacks—it ensures your agent… https://twitter.com/ChromiumDev/status/2056846278970007682/photo/1
中文: 确保您的编码代理构建现代、快速、安全、安全的应用程序 → 我们刚刚在#GoogleIO上发布了现代网页指南。通过注入具备人工智能功能和现代功能(包含 Baseline 广泛可用的后备程序),可确保您的代理机构......
RT @googledevs: The #GoogleIO Developer Keynote is officially LIVE 🎪 Join us here ➡️ https://goo.gle/IO26-Developer-Keynote https://twitter.com/googledevs/status/2056835307203420457/video/1
中文: RT @googledevs:#GoogleIO 开发者主题演讲正式上线 🎪 加入我们 ➡️
RT @laparisa: Having fun with the team at #googleio We shared more ways to get things done with Gemini in @googlechrome, plus HTML-in-Canv…
中文: RT @laparisa:在#googleio与团队一起玩得开心 我们分享了更多使用 @googlechrome 和 HTML in-Canv 来处理问题的方法。
RT @alicekeeler: This will be important. Google is adding synth ai invisible markers to identify an image or video as ai generated. Detecti…
中文: RT @alicekeeler:这很重要。谷歌正在添加 synth ai 隐形标记,以识别生成的图像或视频。侦探......
It's officially day one of #GoogleIO. Before you dive into the livestreams and technical sessions, take a close look at the keynote crowd. A familiar offline friend is sitting in the audience. Drop a screenshot in the replies if you spot them 👀 https://twitter.com/ChromiumDev/status/2056790484501029188/photo/1
中文: 今天正式成为#GoogleIO的第一天。在深入直播和技术环节之前,请仔细看看主题直播人群。一位熟悉的线下朋友正坐在观众席中。如果发现回复,请在回复中截取截图 👀
RT @Google: @GeminiApp @GoogleAIStudio Google I/O is starting NOW ✨ Tune in ↓ https://x.com/i/events/2053241348807864323
中文: RT @Google:@GeminiApp @GoogleAIStudio Google I/O 将于 ↓ 启动 ✨
#GoogleIO officially kicks off tomorrow and our team is ready to show you the powerful new tools and features we've been working on → https://goo.gle/io2026reg-1 https://twitter.com/ChromiumDev/status/2056489137809633623/video/1
中文: #GoogleIO 将于明天正式启动,我们的团队已准备好向您展示我们一直在开发的强大新工具和功能 →
RT @googledevs: Coming full circle for the main event. It’s almost #GoogleIO time → https://goo.gle/io2026-1 https://twitter.com/googledevs/status/2056419545087115265/video/1
中文: RT @googledevs:为主活动全面展开。快到#GoogleIO时间了 →
Chrome 148 is now stable → https://goo.gle/4eKQrSO This release brings powerful updates like CSS name-only container queries, lazy loading for video and audio, and the Prompt API for direct access to on-device AI with multimodal inputs. https://twitter.com/ChromiumDev/status/2056426592159560032/photo/1
中文: Chrome 148 现已稳定 → 此版本带来了强大的更新,例如仅使用 CSS 命名的容器查询、视频和音频的加载问题,以及用于直接访问带有多模态输入设备上人工智能的提示 API。
Amidst the tangled chargers and Chrome stickers, @nmarkoborodova is packing some exciting HTML-in-Canvas updates for I/O 🪴 Register for #GoogleIO today and unpack all the news our team is bringing to help you build a better web → https://goo.gle/io2026reg-2 https://twitter.com/ChromiumDev/status/2056371127274918010/video/1
中文: 在加密充电器和Chrome贴纸中,@nmarkoborodova 正在为 I/O 提供一些令人振奋的 HTML in-Canvas 更新【EE0】 立即注册#GoogleIO,并解压我们团队为您带来的所有新闻,帮助您构建更好的网页 →
For our final AI evals segment, learn how to measure human expert agreement with Cohen's Kappa, balance your judge's precision and recall using the F1 score, and avoid the massive trap of overfitting with a secret final exam dataset → https://goo.gle/42BjEYU https://twitter.com/ChromiumDev/status/2055058651593777197/video/1
中文: 在我们最终的AI Evals细分中,请学习如何衡量与Cohen的Kappa的人类专家协议,平衡评委的精准度,并使用F1成绩进行回忆,并避免使用秘密期末考试数据集进行超拟合的严重陷阱→
Don't mind @oliverdunk_, he's just getting ready for #GoogleIO 🗣️ We are gearing up for the big event to drop some new announcements, including exciting Chrome Web Store and Chrome Extensions updates. Register today → https://goo.gle/io2026reg-1 https://twitter.com/ChromiumDev/status/2054989266334167273/video/1
中文: 别介意@oliverdunk_,他刚刚为#GoogleIO做准备🗣️ 我们正在为此次大型活动做准备,以发布一些新公告,包括精彩的Chrome网店和Chrome扩展程序更新。立即注册 →
Adidas replaced the "forgot password" reset loop with passkeys at scale → https://goo.gle/4sSP88u With passkeys, they achieved: 99% sign-in success rate 8% adoption lift with automatic passkey creation <0.3% orphaned passkey rate with Signal API https://twitter.com/ChromiumDev/status/2054698239375405197/video/1
中文: 阿迪达斯用大规模密码取代了“忘记密码”重置循环 → 使用密码,他们实现了: 99% 登录成功率 8% 采用自动密码创建 使用 Signal API 实现
RT @sebastienlorber: 👀 Responsive <img> getting simpler You don't need to add "manual breakpoints" anymore Just add sizes="auto" to lazy-…
中文: RT @sebastienlorber:👀 响应式 &lt;img&gt; 简化 你不再需要添加“手动断点”了 只需将 size="auto" 添加到 lazy-...
RT @googledevs: Join the global developer community for #GoogleIO in just seven days → https://goo.gle/io2026-1 https://twitter.com/googledevs/status/2054245219449618903/video/1
中文: RT @googledevs:只需七天就加入全球开发者社区#GoogleIO →
RT @Una: OoooOOooh! Guess what! As of Chrome 149, shape() works in shape-outside! So you can really *shape* your UI's 😉* rect() and xywh(…
中文: RT @Una:哦哦哦!猜猜看!从 Chrome 149 到 smafse) 则在外形外侧工作! 所以你真的可以塑造你的用户界面😉* rect() 和 xywh(...
Clear your schedule. We’re dropping exciting web platform updates at #GoogleIO. From client-side AI to agentic web toolkits, get ready for two days packed with new tools and API announcements that will help you build for the future of the web → https://goo.gle/io2026reg-1 https://twitter.com/ChromiumDev/status/2054198663002341765/video/1
中文: 明确你的日程安排。我们将在#GoogleIO上发布精彩的网络平台更新。 从客户端人工智能到智能网络工具包,准备两天,准备使用新工具和API公告,帮助您构建未来的网络发展→
Track exactly when blocks of content load in our new origin trial → https://goo.gle/49nSTL9 Container Timing extends Element Timing so you can measure when entire components like widgets or sidebars are available to your users. https://twitter.com/ChromiumDev/status/2053950270179041704/video/1
中文: 在我们的新原点试用中,准确跟踪内容加载的区块时间 → 容器定时可延长元素定时,以便用户能够查看小工具或侧边栏等完整组件的可用时间。
It's time to wire everything into a continuous testing pipeline → https://goo.gle/4tSIcZo Today, we cover extended unit tests for PR merges, weighted Composite Metrics for nightly runs, and Pairwise Evaluation to mathematically prove the best model when swapping LLMs. https://twitter.com/ChromiumDev/status/2052769184971378901/video/1
中文: 是时候将所有内容连接到连续测试流程了 → 今天,我们介绍PR合并的扩展单元测试、夜间运行的加权复合计算,以及Pairwise评估,以在数学上证明交换LLM时的最佳模型。
Test websites exactly how your users experience them → https://goo.gle/4cFRfW7 Chrome DevTools for agents introduces viewport and user agent emulation, allowing your AI agents to mimic real device conditions seamlessly ⬇️🧵
中文: 测试用户如何体验网站 → 适用于代理的 Chrome DevTools 引入了视口和用户代理仿真,使您的人工智能代理能够无缝地模拟真实设备环境⬇️🧵
Catch our favorite offline companion making an appearance at #GoogleIO this year! We love spotting our Chrome Dino out in the wild 🔍
中文: 抓住我们最喜爱的线下伙伴,在今年的#GoogleIO上亮相!我们喜欢在野外发现我们的Chrome Dino 🔍
Today in our AI evals series, we’re building an alignment dataset to ensure our LLM judge actually agrees with human reasoning. Plus, learn how to use a statistical hack called Bootstrapping to prove your high scores aren't just a lucky draw → https://goo.gle/4cQCsJH https://twitter.com/ChromiumDev/status/2051762690767364312/video/1
中文: 今天,在我们的人工智能椭圆形系列中,我们正在构建一个对齐数据集,以确保我们的法学硕士评委真正认同人类的推理。此外,请学习如何使用名为Bootstrapping的统计技巧来证明你的高分不仅仅是一次幸运的抽奖 →
When #GoogleIO prep gets exhausting, the Chrome Dino reminds us who we're building for 🦖 We’re thrilled to share how the web is evolving with new AI tools and agentic capabilities. Register now to be the first to know → https://goo.gle/io2026reg-1 https://twitter.com/ChromiumDev/status/2051691749718782301/video/1
中文: 当#GoogleIO预科版变得精疲力尽时,Chrome Dino会提醒我们正在为EE0构建谁 我们非常高兴地分享网络如何通过新的人工智能工具和智能能力进行演进。立即注册,成为第一个了解者的 →
RT @googledevs: May the Code be with you! 🛠️✨ Build the future of the galaxy at #GoogleIO on May 19–20. Set your coordinates ➡️ https://t…
中文: RT @googledevs:愿代码与你同在!🛠️✨ 于5月19日至20日在#GoogleIO上构建银河系的未来。 设置你的坐标 ➡️
The WebMCP Early Preview is underway → https://goo.gle/41QD9MQ Expose structured data to AI agents defining your capabilities as tools so they no longer have to scrape screens or burn through valuable tokens. https://twitter.com/ChromiumDev/status/2051328272185581963/video/1
中文: WebMCP 早期预览版正在进行中 → 将结构化数据展示给人工智能代理,将你的能力定义为工具,从而不再需要抓取屏幕或消耗有价值的代币。
Build sites that are both agent-ready and human-friendly → https://goo.gle/3Obk1pn Recommit to foundational principles to create well-structured, accessible, and semantic web experiences that serve every visitor effectively. https://twitter.com/ChromiumDev/status/2050262253258072438/photo/1
中文: 构建既符合代理就绪又适合人的网站 → 重新致力于制定基础原则,以创建结构合理、易于理解且语义合理的网络体验,有效服务每一位访问者。
RT @andreban: Building on the previous video, can AI write code to solve the maze? It turns out it can! Check the video and read more at h…
中文: RT @andreban:基于之前的视频,人工智能能否编写代码来解决迷宫?事实证明可以!查看视频并阅读更多内容...
Prepare to measure Core Web Vitals for your SPAs. We are shipping the Soft Navigations API later this year → https://goo.gle/4ttf9eP We incorporated your feedback for one last origin trial (Chrome 147-149). Test the API's expected final shape before release! https://twitter.com/ChromiumDev/status/2049883191171748218/photo/1
中文: 为您的SPA测量核心网络生命体征。今年晚些时候我们将发布Soft Navigations API → 我们将您的反馈纳入最后一次原产地试验(Chrome 147-149)中。在发布前测试API的预期最终形状!
The annual session prep for #GoogleIO is here! Get ready to explore how the browser is evolving into an intelligent user agent, complete with new AI debugging tools, advanced UI primitives and more → https://goo.gle/3Qn6nQW https://twitter.com/ChromiumDev/status/2049587287877452168/video/1
中文: #GoogleIO 的年度会议准备已经到来! 准备好探索浏览器如何演变为智能用户代理,包括新的AI调试工具、高级UI原语等 →
Improve your LLM-based application by building a robust AI testing pipeline → https://goo.gle/4uDaaZl Part 4 and 5 of our AI evals series explore how to combine objective rule checks with a custom LLM judge to build your testing pipeline. https://twitter.com/ChromiumDev/status/2049533170517688551/video/1
中文: 通过构建强大的人工智能测试流程,提升基于LLM的应用 → 我们的人工智能椭圆形系列第4部分和第5部分探讨了如何将客观规则检查与定制的LLM评委相结合,以构建您的测试流程。
Improve your LLM-based application by building a robust AI testing pipeline → https://goo.gle/4uDaaZl Part 4 and 5 of our AI evals series explore how to combine objective rule checks with a custom LLM judge to build your testing pipeline. https://twitter.com/ChromiumDev/status/2049531555110895997/video/1
中文: 通过构建强大的人工智能测试流程,提升基于LLM的应用 → 我们的AI evals系列第4部分和第5部分探讨了如何将客观规则检查与自定义的LLM判断器相结合,以构建您的测试流程。
When your evals pass on the first run ☕ https://twitter.com/ChromiumDev/status/2049492870294298706/photo/1
中文: 当你的椭圆形在第一次运行时通过☕
RT @ChallengesCss: 💡 CSS Tip! Create a Sticky Header that "sticks"! https://css-tip.com/sticky-header/ A fancy effect powered by Scroll-Driven Anim…
中文: RT @ChallengesCss:💡 CSS 提示! 制作一个黏糊糊的头条! 一种由滚动驱动的动画驱动的精美效果...
Before you write any code, you need to define exactly what success and failure looks like for your AI application. Today, we hit the drafting board to map out objective failures and subjective ones → https://goo.gle/4tOVshb https://twitter.com/ChromiumDev/status/2047759588204691925/video/1
中文: 在编写任何代码之前,你需要明确定义你的人工智能应用程序的成功与失败。今天,我们进入起草工作,以规划客观失误和主观失误 →
Create high-performance scroll animations and masonry layouts with the latest updates to the web platform. Last month saw major updates to Baseline, including iterator sequencing, plus new CSS primitives for fine-grained UI control → https://goo.gle/47Cp2xT https://twitter.com/ChromiumDev/status/2047697768341283196/video/1
中文: 通过网页平台的最新更新,创建高性能的滚动动画和砌砌布局。上个月,Baseline 出现了重大更新,包括迭代器测序,以及用于精细化 UI 控制的新 CSS 原语 →
We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications → https://goo.gle/3OHt9Cm https://twitter.com/ChromiumDev/status/2047348425344053267/video/1
中文: 我们将于5月19日下午1:30(太平洋时间)向#GoogleIO发布最新网络公告,帮助您构建出色的网页应用 →
The Chrome Web Store appeals process just got easier → https://goo.gle/4co1C0V Submit policy appeals straight from the Developer Dashboard with pre-populated data and automatic ownership validation to save time. https://twitter.com/ChromiumDev/status/2047102764442906676/photo/1
中文: Chrome 网络商店的上诉流程变得更加简单了 → 直接从开发者仪表板提交政策申诉,并配备预先填充的数据和自动所有权验证,以节省时间。
RT @nmarkoborodova: This is a call for your creativity! 🫵 Everyone seems to be so excited about HTML-in-Canvas, and understandably so. Ha…
中文: RT @nmarkoborodova:这是对你创造力的呼吁!🫵 每个人似乎都对 HTML in-Canvas 感到非常兴奋,这可以理解。哈哈......
We are back with the second installment of our AI evaluations guide → https://goo.gle/4tOVshb Today, Maud Nalpas guides you through transitioning your standard web testing approach to handle the complexities of LLMs and subjective outputs 🧪 https://twitter.com/ChromiumDev/status/2046645984805912936/video/1
中文: 我们回归了人工智能评估指南的第二部分 → 今天,Maud Nalpas 将指导您通过转换标准的网络测试方法来处理 LLM 和主观输出的复杂性 🧪
Influence the future of the web ecosystem by joining our WebDev Insights community → https://goo.gle/3OvuA6T We are looking for developers to participate in user research, product testing, and discussion groups to directly shape upcoming Chrome features ✍️ https://twitter.com/ChromiumDev/status/2045227266326589855/video/1
中文: 通过加入我们的 WebDev Insights 社区,影响网络生态系统的未来 → 我们正在寻找开发者参与用户研究、产品测试和讨论小组,以直接塑造即将推出的Chrome功能。✍️
Chrome 148 beta brings exciting updates to the Prompt API and Web Authentication! Test on-device AI interactions and streamline sign-ins with immediate UI mode → https://goo.gle/4msMqEm https://twitter.com/ChromiumDev/status/2044874444921823331/photo/1
中文: Chrome 148 测试版为 Prompt API 和 Web 认证带来了令人振奋的更新! 测试设备上的AI交互,并立即使用UI模式简化登录功能 →
Move beyond vibe-checks to scientific measurement for AI → https://goo.gle/4tOVshb Our new series provides a technical guide to building robust evaluation pipelines for your models 🧪 https://twitter.com/ChromiumDev/status/2044832665296110049/video/1
中文: 超越氛围检查,转向人工智能的科学测量 → 我们的新系列为您的模型构建强大的评估流程提供了技术指南 🧪
RT @Una: You can do this without VT too for a single-page app or in-page widget (just anchoring) but you’d need VT for a cross-page smooth…
中文: RT @Una:你也可以不用VT来使用单页应用或页内小工具(只需进行锚定),但需要VT才能实现跨页面的流畅操作......
Chrome 147 is officially rolling out to users everywhere → https://goo.gle/4twxerO This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements. https://twitter.com/ChromiumDev/status/2044494014959759457/video/1
中文: Chrome 147 正在向各地用户正式推出 → 此版本包含元素范围视图转换,可让您在不同的 HTML 元素上运行并发过渡。
RT @googledevs: The #GoogleIO livestream schedule is here 🎪 Join us online May 19–20 for keynotes and sessions covering AI, Android, Chrom…
中文: RT @googledevs:#GoogleIO 直播时间安排已到来 🎪 5月19日至20日,加入我们,参加关于人工智能、安卓、Chrome...的主题演讲和会议。
Your #GoogleIO itinerary for all things Chrome and web is live→ https://goo.gle/io2026-1 Join us May 19-20 for two days of deep dives into AI coding workflows, Chrome DevTools for agents, the latest in Web UI and more. https://twitter.com/ChromiumDev/status/2044096890044576154/photo/1
中文: Chrome 和网页版所有内容的 #GoogleIO 行程为实时链接→ 5月19日至20日,加入我们,深入了解人工智能编程工作流程、为代理提供的 Chrome 开发 DevTools、最新的 Web UI 等。
Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → https://goo.gle/4c7tO9j You can now create sophisticated, print-inspired layouts with CSS that work across all major engines. https://twitter.com/ChromiumDev/status/2043785925558260185/video/1
中文: 网页排版的好消息:每行和挂字的文本输入现在基本可用 → 现在,您可以使用适用于所有主要引擎的CSS创建复杂且具有印刷灵感的布局。
Keep video visible even when users switch tabs → https://goo.gle/3O03kNA Automatic Picture-in-Picture removes the friction of manual toggling, solving the lost engagement problem when navigating away from media-heavy pages. The browser now handles the transition automatically. https://twitter.com/ChromiumDev/status/2042308590120181989/video/1
中文: 即使用户切换标签页时,也保持视频可见性 → 自动画中画消除了手动切换的摩擦,解决了在远离媒体页面时丢失的参与问题。浏览器现在会自动处理过渡。
📺 Keep video visible even when users switch tabs → https://goo.gle/3O03kNA Automatic Picture-in-Picture removes the friction of manual toggling, solving the lost engagement problem when navigating away from (cont) https://spklr.io/l/6016EJTdG https://twitter.com/ChromiumDev/status/2042305045157285942/video/1
中文: 📺 即使用户切换标签页,也保持视频可见性 → 自动画中画消除手动切换的摩擦,在远离(cont)时解决丢失的参与问题
CSS Subgrid is now Baseline Widely Available across all major engines → https://goo.gle/4lOlLRL It allows nested elements to inherit and align with their parent’s grid tracks, ensuring perfect alignment across complex layouts without manual sizing hacks. https://twitter.com/ChromiumDev/status/2041953221099270422/video/1
中文: CSS Subgrid 现已在所有主要引擎中广泛可用 → 它允许嵌套元素继承并与父节点的网格轨迹对齐,确保在复杂布局中实现完美对齐,无需手动调整尺寸。
🔎 @CyberAgent_PR replaced the manual debugging slog with the Chrome DevTools MCP server for their Ameba platform → https://goo.gle/4rQg8nG By giving AI access to console logs and runtime, they achieved: 📉 Days of work → 1 hr ✨ 100% audit coverage 🚀 Zero false negatives https://twitter.com/ChromiumDev/status/2041298319469633758/photo/1
中文: @CyberAgent_PR 用 Chrome DevTools MCP 服务器替换了手动调试日志,用于其 Ameba 平台 → 通过让人工智能访问控制台日志和运行时,他们实现了: 📉 工作日 → 1小时 ✨ 100% 审计覆盖 🚀 零假阴性
🔎 @CyberAgent_PR replaced the manual debugging slog with the Chrome DevTools MCP server for their Ameba platform → https://goo.gle/4rQg8nG By giving AI direct access to console logs and runtime, they achieved: 📉 (cont) https://spklr.io/l/6019EJ1R7 https://twitter.com/ChromiumDev/status/2041294791036579914/photo/1
中文: @CyberAgent_PR 用 Chrome DevTools MCP 服务器替换了手动调试日志,用于其 Ameba 平台 → 通过让人工智能直接访问控制台日志和运行时,他们实现了: 📉(图片)
This new package abstracts all the boilerplate for keyframes and scroll-driven logic so you can focus strictly on the motion 👇
中文: 这个新包将关键帧和滚动驱动逻辑的所有样板抽象化,以便严格专注于运动 👇
New CSS pseudo-classes for view transitions are Baseline Newly Available → https://goo.gle/4qtrKgu Use :active-view-transition and :active-view-transition-type() to apply specific style rules while transitions are in flight. https://twitter.com/ChromiumDev/status/2040178660603216242/photo/1
中文: 用于视图转换的新 CSS 伪类是 Baseline 新提供的 → 使用:active-view-transition-transition() 和 :active-view-transition-type() 在切换过程中应用特定的样式规则。
Using the tool description as a hint and the return value to dynamically load the full protocol keeps the agent fast and focused 👇🤖
中文: 使用工具描述作为提示,并返回值以动态加载完整协议,使代理速度快速且保持专注👇🤖
Stop writing boilerplate JS for accessible menus. We’re proposing a new HTML primitive: focusgroup. It brings native keyboard arrow-key navigation directly to the platform. Tell us what you think → https://goo.gle/4uvFIkz 🧵(1/3) https://twitter.com/ChromiumDev/status/2039845652633440650/photo/1
中文: 停止为可访问的菜单编写样板式 JS。我们提议一种新的HTML原始功能:焦点小组。它直接为平台带来原生键盘的按键导航。 告诉我们你的想法 → 🧵(1/3)
We’re a #6 when the idea hits, but a total #9 when we’re in AI Studio building it out. Put your web dev skills to the test and remix the puzzle ⬇️ #GoogleIO
中文: 当这个想法被提出时,我们排名第六,但当我们在AI Studio中构建它时,总数却排在第9位。 测试一下你的网页开发技能,并重新混合谜题⬇️ #GoogleIO
We’re a #6 when the idea hits, but a total #9 when we’re in AI Studio building it out. Put your web dev skills to the test and remix the puzzle. ⬇️ #GoogleIO
中文: 当这个想法被提出时,我们排名第六,但当我们在AI Studio中构建它时,总数却排在第9位。 将你的网页开发技能付诸测试,并重新混合谜题。⬇️ #GoogleIO
3 things you didn’t know about the Prompt API ⬇️ Runs locally with Gemini Nano 💻 Available today for Extensions and coming soon to Web 🛠️ Cross-browser polyfill is live 🌐 https://twitter.com/ChromiumDev/status/2039340267535299017/video/1
中文: 关于 Prompt API 你不知道的 3 件事 ⬇ 使用 Gemini Nano 进行本地运行 💻 今天可访问扩展程序,并即将上线网页 🛠️ 跨浏览器聚填充是实时的🌐
CSS shape() is now Baseline Newly Available → https://goo.gle/47nnZBG The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc(). https://twitter.com/ChromiumDev/status/2039075377398559055/video/1
中文: CSS shape() 现已 Baseline 新发布 → shape() 函数允许您使用 %、rem 和 calc() 等标准 CSS 单元为布局和动画创建响应式复杂路径。
💡 DevTools makes Gemini work with only megabytes of trace data → https://goo.gle/3Zg42Z9 We're breaking down the techniques used to strip redundant JSON keys and index trees for maximum efficiency. https://twitter.com/ChromiumDev/status/2038731149934043628/photo/1
中文: 💡 DevTools 使 Gemini 仅使用兆字节的微量数据 → 我们正在分解用于剥离冗余JSON键和索引树以实现最大效率的技术。
🧭 Simplify your SPA routing with the Navigation API, now Baseline Newly Available → https://goo.gle/3MGV7NN The Maps event replaces clunky History API hacks with a predictable, platform-native lifecycle for single-page applications across all major browser engines 🛠️ https://twitter.com/ChromiumDev/status/2037560276279529829/photo/1
中文: 🧭 使用导航API简化您的SPA路由,现在Baseline新可用 → 此次地图事件将笨重的历史API破解版取代了所有主要浏览器引擎中单页应用程序的可预测、平台原生生命周期 🛠️
Let's turn a static LLM into an autonomous web agent 🤖 With WebMCP, the site provides the tools (look, move, pick up) so the browser agent can navigate complex tasks—like solving this maze—independently. https://twitter.com/ChromiumDev/status/2037197887784755406/video/1
中文: 让我们把静态LLM变成一个自主的Web代理🤖 使用WebMCP,该网站提供了工具(查看、移动、取走),以便浏览器代理能够独立处理复杂任务,例如解决此迷宫。
10,000 videos processed daily with WebGPU + WebCodecs → https://goo.gle/4biAsbg Learn how AI Video Upscaler handles hardware-accelerated processing entirely in the browser with $0 server costs. https://twitter.com/ChromiumDev/status/2036835500162433216/photo/1
中文: 每日使用 WebGPU + WebCodecs 处理的 10,000 个视频 → 了解AI Video Upscaler如何在浏览器中完全处理硬件加速处理,服务器成本为0美元。
Skip the morning scroll and start shipping: dive into Chrome 146 and show the community what you’ve created → https://goo.gle/3OXdxe1 https://twitter.com/ChromiumDev/status/2036479720259297526/video/1
中文: 跳过早晨滚动,开始发货:深入浏览 Chrome 146 并向社区展示你创建的内容 →
Pinterest moved to native CSS carousels to replace legacy JS platform-wide → https://goo.gle/4cZR6Pk Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI https://twitter.com/ChromiumDev/status/2036162075987255595/video/1
中文: Pinterest 已转向原生 CSS 旋转木马,以取代传统的 JS 平台 → 使用 scroll marks 和 snap 等 CSS 原语,他们实现了: 📉 减少 90% 代码(2K JS → 200 CSS) 🚀 页面加载速度加快15% ✨ 更平滑、互动界面
@Pinterest moved to native CSS carousels to replace legacy JS platform-wide → https://goo.gle/4cZR6Pk Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI https://twitter.com/ChromiumDev/status/2036159247252152373/video/1
中文: @Pinterest 已转向原生 CSS 旋转木马,以取代传统的 JS 平台 → 使用 scroll marks 和 snap 等 CSS 原语,他们实现了: 📉 减少 90% 代码(2K JS → 200 CSS) 🚀 页面加载速度加快15% ✨ 更平滑、交互式用户界面
@Pinterest moved to native CSS carousels to replace legacy JS platform-wide → https://goo.gle/4cZR6Pk Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI https://twitter.com/ChromiumDev/status/2036155961426006115/video/1
中文: @Pinterest 已转向原生 CSS 旋转木马,以取代传统的 JS 平台 → 使用 scroll marks 和 snap 等 CSS 原语,他们实现了: 📉 减少 90% 代码(2K JS → 200 CSS) 🚀 页面加载速度加快15% ✨ 更平滑、交互式用户界面
Pinterest moved to native CSS carousels to replace legacy JS platform-wide → https://goo.gle/4cZR6Pk Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI https://twitter.com/ChromiumDev/status/2036155232615305226/video/1
中文: Pinterest 已转向原生 CSS 旋转木马,以取代传统的 JS 平台 → 使用 scroll marks 和 snap 等 CSS 原语,他们实现了: 📉 减少 90% 代码(2K JS → 200 CSS) 🚀 页面加载速度加快15% ✨ 更平滑、交互式用户界面
@Pinterest moved to native CSS carousels to replace legacy JS across their entire platform → https://goo.gle/4cZR6Pk Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI https://twitter.com/ChromiumDev/status/2036132032665854056/video/1
中文: @Pinterest 已转至原生 CSS 旋转木马,以取代其整个平台的旧版 JS → 使用 scroll marks 和 snap 等 CSS 原语,他们实现了: 📉 减少 90% 代码(2K JS → 200 CSS) 🚀 页面加载速度加快15% ✨ 更平滑、交互式用户界面
Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → https://goo.gle/4sHVbwb ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries https://twitter.com/ChromiumDev/status/2035056692749099312/video/1
中文: Chrome 146 是稳定的 🚀 我们正在提供更多功能,可将更多逻辑从您的 JavaScript 中转移到浏览器中 → ✨ 滚动触发动画(CSS!) 🛡️ 适用于无 XSS 应用的 Sanitizer API 🧩 范围自定义元素注册表
🤖 Make your website agent-ready with WebMCP, the new protocol for reliable, structured AI → https://goo.gle/3ZWqkzu Join @andreban and Francois Beaufort on @WeAreDevs as they dive into how WebMCP moves the web beyond human-only UI to high-performance agent architecture. https://twitter.com/ChromiumDev/status/2034742305907707989/video/1
中文: 🤖 使用WebMCP(用于可靠、结构化人工智能的新协议),让您的网站代理准备就绪 → 与@andreban 和 Francois Beaufort 在 @WeAreDevs 上合作,深入了解 WebMCP 如何将网络从纯人用户界面转向高性能代理架构。
RT @GeminiApp: Personal Intelligence is rolling out to more users for free across the Gemini app and Gemini in @GoogleChrome in the U.S. A…
中文: RT @GeminiApp:个人智能将在美国的 @GoogleChrome 中免费推出,通过 Gemini 应用程序和 Gemini 等功能免费推广。 A...
📐 Building corner-shape into the browser was a massive learning experience. Beyond just the code, this deep dive shares the technical hurdles and lessons discovered while implementing native curved corners → https://goo.gle/46DW9kz https://twitter.com/ChromiumDev/status/2034382182353871105/photo/1
中文: 在浏览器中构建角落形状是一次巨大的学习体验。除了代码之外,这次深入探讨了在实施原生曲面角时发现的技术障碍和经验教训 →
Building a Chrome Extension doesn't mean you have to ditch your favorite framework. However, frameworks relying on SSR or external CDNs might hit a wall with Manifest V3's security policies. Learn how to pick the right stack for your extension → https://goo.gle/4uAtFlV https://twitter.com/ChromiumDev/status/2034022082925797848/video/1
中文: 构建 Chrome 扩展并不意味着你必须放弃你最喜欢的框架。 然而,依赖SSR或外部CDN的框架可能会通过Manifest V3的安全策略陷入困境。 了解如何为您的扩展选择合适的堆栈 →
🛡️ Harden your web security with Trusted Types, now Baseline Newly Available → https://goo.gle/4kkJrg0 By locking down insecure sinks in the DOM API, you can mitigate client-side XSS attacks natively across all major browsers, ensuring your application stays secure. https://twitter.com/ChromiumDev/status/2033941316409725241/photo/1
中文: 🛡️ 使用可信类型来加重您的网络安全,现在 Baseline 新可用 → 通过在 DOM API 中锁定不安全的 sink sink,您可以完全通过所有主要浏览器来缓解客户端的 XSS 攻击,确保您的应用程序保持安全。
🛡️ Harden your web security with Trusted Types, now Baseline Newly Available → https://goo.gle/4kkJrg0 By locking down insecure sinks in the DOM API, you can mitigate client-side XSS attacks natively across (cont) https://spklr.io/l/6016EHidM https://twitter.com/ChromiumDev/status/2033939861288165665/photo/1
中文: 🛡️ 使用可信类型来加重您的网络安全,现在 Baseline 新可用 → 通过在 DOM API 中锁定不安全的槽,您可以通过(cont)来缓解客户端的 XSS 攻击(访问)
🔄 Manage the machine learning lifecycle → https://goo.gle/4aCvTJL The latest Learn AI module breaks down the iterative cycle of Predictive AI, from defining your opportunity to final deployment. Learn how to determine if predictive systems are the right tool for your use case. https://twitter.com/ChromiumDev/status/2033633995095687292/photo/1
中文: 🔄 管理机器学习生命周期 → 最新的“学习”人工智能模块打破了预测性人工智能的迭代周期,从定义你的机会到最终部署。了解如何确定预测系统是否适合您的用例工具。
Take a bigger slice of the agentic web this #PiDay by shipping a literal pizza pie → https://goo.gle/3PaAVEL To try: enable chrome://flags/#enable-webmcp-testing & install the Model Context Tool Inspector extension. Share what "pi" you’d build below! 🍕 https://twitter.com/ChromiumDev/status/2032907342312878127/video/1
中文: 通过送上一份真正的披萨派,在#PiDay上分享更多的特制网络 → 尝试:启用 chrome://flags/#enable-webmcp-testing &amp;安装模型上下文工具检查器扩展。 分享一下你要打造的“PI”!🍕
Pick the ideal AI protocol for your web build → https://goo.gle/40ZV4Qw We explain how to use WebMCP for ephemeral browser interactions while reaching for MCP for persistent server-side needs and universal agent workflows. https://twitter.com/ChromiumDev/status/2032460022265827793/photo/1
中文: 选择适合您网络构建的理想AI协议 → 我们讲解如何使用WebMCP进行短暂的浏览器交互,同时满足MCP的持久服务器端需求和通用代理工作流程。
The shift from legacy pages to 'agent-friendly' architecture is officially here 🌐
中文: 从传统页面到“对代理友好”架构的转变正式到来🌐
🚨 NEWSFLASH🚨 The barrier between AI agents & runtime applications has officially collapsed. Sources confirm the new DevTools MCP server now allows models to debug, trace, & fix issues directly in Chrome. @matthiasrohmer has the full report → https://goo.gle/4qwBzKu https://twitter.com/ChromiumDev/status/2032112028265984370/photo/1
中文: 🚨 新闻图片🚨 人工智能代理与运行时应用程序之间的壁垒已正式崩溃。 来源证实,新的 DevTools MCP 服务器现在允许模型直接在 Chrome 中调试、跟踪和解决问题。 @matthiasrohmer 有完整报告 →
Testing different monitor setups just got easier. Headless Chrome now supports fully configurable virtual screens for automation. Verify kiosk apps and more → https://goo.gle/4bAgSIZ https://twitter.com/ChromiumDev/status/2031494049975185437/photo/1
中文: 测试不同的显示器设置变得更加简单。 无头 Chrome 现在支持完全可配置的虚拟屏幕,实现自动化。 验证服务亭应用程序及更多内容 →
Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session → https://goo.gle/4aP1Tcc https://twitter.com/ChromiumDev/status/2031102566348574984/video/1
中文: 停止为了测试一个API而减慢整个应用程序的速度。现在,您可以在 Chrome DevTools 中限制单个网络请求,以模拟特定瓶颈,而不会影响会话的其余部分。→
Dive in and let the team know what you think!
中文: 跳进去,让团队知道你的想法!
Your work is a perfect example of how WebGPU and WebCodecs are turning the browser into a powerhouse for high-performance video tools → https://goo.gle/4bsT5KB
中文: 你的作品完美地说明了WebGPU和WebCodecs如何将浏览器变成高性能视频工具的强大产品 →
From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured → https://goo.gle/3MsLxOB https://twitter.com/ChromiumDev/status/2030010885712855155/video/1
中文: 从航班搜索到餐厅预订,WebMCP 都在为应用程序提供代理功能。浏览我们的演示列表,了解网络的未来。有项目吗?提交公关内容以供展示 →