CyberAgent, Inc., the team behind the Ameba blogging platform, has transitioned from manual runtime error detection to a fully automated AI workflow using the Chrome DevTools MCP server → https://goo.gle/4rQg8nG By providing AI agents with structured, direct access to browser states and console logs, the engineering team achieved: 100% Audit Coverage: Mechanically verifying all 236 component stories in their Spindle design system. Massive Efficiency Gains: Compressing what used to be days of manual "grunt work" into a single, automated hour. Closed-Loop Debugging: The agent now identifies errors, applies code fixes, and verifies the results in the browser without manual intervention. This shift moves the browser from a simple rendering engine to a capability surface for autonomous agents, allowing developers to offload repetitive checks and focus on high-level architecture 🛠️🤖
Chrome for Developers
Technology, Information and Internet
Helping you build, grow, and innovate on the web.
About us
The official Chrome for Developers LinkedIn account from Google. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users.
- Website
-
https://developer.chrome.com/
External link for Chrome for Developers
- Industry
- Technology, Information and Internet
- Company size
- 5,001-10,000 employees
Updates
-
Master your transition styling with these new CSS pseudo-classes → https://goo.gle/4qtrKgu Now Baseline Newly Available: ✅ :active-view-transition to match active states ✅ :active-view-transition-type() for specific types
-
-
By leveraging WebGPU, this setup analyzes active tabs with zero external API calls—perfect for handling authenticated or confidential data.
🤯I finally figured out how to get our client side #WebAI multimodal #Gemma 3N model to play nice in a #Chrome extension ✨ Now I can have a smart companion that can work with me in any tab I choose to share to it 🤖 Even better I can save examples that work well as "recipes" to reuse elsewhere later! What recipes would you want to make? ❓I simply ask questions about what it sees to save me time. The image in this post shows it working on my #LinkedIn profile to figure out the best way to speak to that person - it even got my MBTI personality correct! Or categorize dense information from search results into key themes to get a TLDR... (see 2nd image in comments). ➡️ Everything runs entirely locally, so total privacy when sharing pages that you may be signed into with confidential information visible, yet it still allows me to analyze things faster in the moment without compromise of privacy. 🌐I could later combine this in a hybrid manner with #Google cloud systems or #WebMCP to bring in related data based on some analysis of the current screen without revealing the underlying confidential data. The start of something promising here potentially. 🤔 Think I should work on this more? Let me know with a like, share, or comment below with your thoughts and I can look into it 🙏 #JavaScript #WebGPU #Browser #Extension #Demo
-
-
Building accessible toolbars and menus often requires complex "roving tabindex" JavaScript. We’re proposing a more efficient, declarative way: the focusgroup attribute → https://goo.gle/4uvFIkz By moving this logic into the browser, focusgroup automatically handles: 📝 Writing modes & RTL: Adapts to logical directions 🧠 Focus memory: Remembers the last-focused item ❗️ Single tab-stop management: No more manual tabindex="-1" 🌐 Deep discovery: Works across nested wrappers and Shadow DOM. This proposal from the OpenUI Community Group has strong Google support. We are in the RFC phase—let us know what you think before this becomes a web standard.
-
-
Keeping it #9 while we build 🦖🕶️ Whether you're feeling the #7 grind or the #6 breakthrough, show off your React skills and remix the puzzle #GoogleIO
Remix your own #GoogleIO puzzle here → https://lnkd.in/gYYxsfgw Whether you’re feeling like a #6 or a #1, there’s a stretchy cat for every mood.
-
-
Chrome for Developers reposted this
I am a bit late sharing this one. I actually wrote this post a few months ago but I did not get around to sharing it widely until now. I have been exploring how we can use Chrome’s Built-in AI APIs to create a lightweight, client-side AI agent. This agent uses the Prompt API with structured output to transform messy natural language into precise filters directly in the browser. The best part is that it all happens on the client side. -💸 Zero server costs for the AI processing. -🔒 Total privacy because data never leaves the device. -📶 Offline support. If you are interested in prompt engineering or building leaner AI applications, you can read the full breakdown and try the live demo at the link below. Read the full post here https://lnkd.in/ecEBtpUw #WebDev #WebAI #AIAgents #GoogleChrome #GeminiNano #PromptEngineering
-
-
The CSS shape() function is Baseline Newly Available → https://goo.gle/47nnZBG This new addition to the <basic-shape> family brings SVG-like path control directly to your CSS. Unlike the older path() function, shape() supports relative units and math functions, making it easy to create complex clip-path layouts and offset-path animations that adapt perfectly to any screen size.
-
Streamline your AI workflows by mastering token efficiency → https://goo.gle/3Zg42Z9 Discover our technical approach: 🔍 Tailoring initial context 🛠 Implementing granular tool use 📉 Optimizing call tree serialization
-
-
Modernize your single-page application routing with the Navigation API, now Baseline Newly available across all major engines → https://goo.gle/3MGV7NN The Navigation API moves SPA routing from a collection of popstate and hashchange hacks to a first-class browser standard. By providing a centralized navigate event, it allows you to intercept all types of navigations—including browser UI buttons and link clicks—through a unified lifecycle. Technical shifts with this update: 🗺️ Centralized Interception: Use Maps to manage all routing logic in one place. ⏱️ Built-in Async Support: Utilize the intercept() method to handle loading states and smooth transitions natively. 📝 Clean History Management: Access a dedicated navigation.entries() list and manage application state without conflicting with global history objects.
-