Chrome for Developers
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创建复杂且具有印刷灵感的布局。
2026-04-13 20:18:31
Chrome for Developers
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
中文: 即使用户切换标签页时，也保持视频可见性 → 自动画中画消除了手动切换的摩擦，解决了在远离媒体页面时丢失的参与问题。浏览器现在会自动处理过渡。
2026-04-09 18:28:06
Chrome for Developers
📺 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)时解决丢失的参与问题
2026-04-09 18:14:01
Chrome for Developers
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 现已在所有主要引擎中广泛可用 → 它允许嵌套元素继承并与父节点的网格轨迹对齐，确保在复杂布局中实现完美对齐，无需手动调整尺寸。
2026-04-08 18:56:00
Chrome for Developers
🔎 @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% 审计覆盖 🚀 零假阴性
2026-04-06 23:33:39
Chrome for Developers
🔎 @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 平台 → 通过让人工智能直接访问控制台日志和运行时，他们实现了: 📉(图片)
2026-04-06 23:19:38
Chrome for Developers
This new package abstracts all the boilerplate for keyframes and scroll-driven logic so you can focus strictly on the motion 👇
中文: 这个新包将关键帧和滚动驱动逻辑的所有样板抽象化，以便严格专注于运动 👇
2026-04-06 20:08:56
Chrome for Developers
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() 在切换过程中应用特定的样式规则。
2026-04-03 21:24:32
Chrome for Developers
Using the tool description as a hint and the return value to dynamically load the full protocol keeps the agent fast and focused 👇🤖
中文: 使用工具描述作为提示，并返回值以动态加载完整协议，使代理速度快速且保持专注👇🤖
2026-04-03 20:40:08
Chrome for Developers
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)
2026-04-02 23:21:16
Chrome for Developers
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
2026-04-02 20:00:17
Chrome for Developers
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
2026-04-02 19:48:29
Chrome for Developers
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 进行本地运行 💻 今天可访问扩展程序，并即将上线网页 🛠️ 跨浏览器聚填充是实时的🌐
2026-04-01 13:53:03
Chrome for Developers
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 单元为布局和动画创建响应式复杂路径。
2026-03-31 20:20:28
Chrome for Developers
💡 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键和索引树以实现最大效率的技术。
2026-03-30 21:32:38
Chrome for Developers
🧭 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破解版取代了所有主要浏览器引擎中单页应用程序的可预测、平台原生生命周期 🛠️
2026-03-27 16:00:00
Chrome for Developers
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，该网站提供了工具(查看、移动、取走)，以便浏览器代理能够独立处理复杂任务，例如解决此迷宫。
2026-03-26 16:00:00
Chrome for Developers
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美元。
2026-03-25 16:00:00
Chrome for Developers
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 并向社区展示你创建的内容 →
2026-03-24 16:26:15
Chrome for Developers
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% ✨ 更平滑、互动界面
2026-03-23 19:24:03
Chrome for Developers
@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% ✨ 更平滑、交互式用户界面
2026-03-23 19:12:49
Chrome for Developers
@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% ✨ 更平滑、交互式用户界面
2026-03-23 18:59:45
Chrome for Developers
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% ✨ 更平滑、交互式用户界面
2026-03-23 18:56:52
Chrome for Developers
@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% ✨ 更平滑、交互式用户界面
2026-03-23 17:24:40
Chrome for Developers
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 🧩 范围自定义元素注册表
2026-03-20 18:11:39
Chrome for Developers
🤖 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 如何将网络从纯人用户界面转向高性能代理架构。
2026-03-19 21:22:24
Chrome for Developers
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...
2026-03-19 18:25:41
Chrome for Developers
📐 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
中文: 在浏览器中构建角落形状是一次巨大的学习体验。除了代码之外，这次深入探讨了在实施原生曲面角时发现的技术障碍和经验教训 →
2026-03-18 21:31:23
Chrome for Developers
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的安全策略陷入困境。 了解如何为您的扩展选择合适的堆栈 →
2026-03-17 21:40:29
Chrome for Developers
🛡️ 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 攻击，确保您的应用程序保持安全。
2026-03-17 16:19:33
Chrome for Developers
🛡️ 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 攻击(访问)
2026-03-17 16:13:46
Chrome for Developers
🔄 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
中文: 🔄 管理机器学习生命周期 → 最新的“学习”人工智能模块打破了预测性人工智能的迭代周期，从定义你的机会到最终部署。了解如何确定预测系统是否适合您的用例工具。
2026-03-16 19:58:22
Chrome for Developers
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 &安装模型上下文工具检查器扩展。 分享一下你要打造的“PI”!🍕
2026-03-14 19:50:54
Chrome for Developers
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的持久服务器端需求和通用代理工作流程。
2026-03-13 14:13:25
Chrome for Developers
The shift from legacy pages to 'agent-friendly' architecture is officially here 🌐
中文: 从传统页面到“对代理友好”架构的转变正式到来🌐
2026-03-12 17:00:26
Chrome for Developers
🚨 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 有完整报告 →
2026-03-12 15:10:37
Chrome for Developers
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 现在支持完全可配置的虚拟屏幕，实现自动化。 验证服务亭应用程序及更多内容 →
2026-03-10 22:14:59
Chrome for Developers
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 中限制单个网络请求，以模拟特定瓶颈，而不会影响会话的其余部分。→
2026-03-09 20:19:22
Chrome for Developers
Dive in and let the team know what you think!
中文: 跳进去，让团队知道你的想法!
2026-03-09 15:31:15
Chrome for Developers
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如何将浏览器变成高性能视频工具的强大产品 →
2026-03-06 21:50:26
Chrome for Developers
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 都在为应用程序提供代理功能。浏览我们的演示列表，了解网络的未来。有项目吗?提交公关内容以供展示 →
2026-03-06 20:01:25