DEVOURED
WebKit Features for Safari 27.0
Safari 27.0 introduces the Safari MCP server, allowing developers to give coding agents direct browser-window control for automated testing and rendering validation.
What: The update features 83 new capabilities, including 'Safari MCP' for agent-based automation, a fully styleable `` element, the `` element for 3D content, and improved CSS features like `color-mix()` and `light-dark()`.
Why it matters: Browser-integrated agent access signals a shift toward 'agent-native' web development, where the browser is no longer just a viewer but a controllable unit test environment for AI.
Takeaway: Enable external agent control by navigating to Safari > Settings > Developer and checking 'Allow remote automation and external agents'.
Deep dive
- Safari MCP: Allows Claude, Codex, or other agents to control the browser window, access the DOM, and view screenshots/console logs programmatically.
- Customizable Select: Enables styling of `` elements with standard CSS (using
appearance: base-select), replacing the need for custom JS-based UI libraries. - 3D Content: The `` element is now native to iOS/macOS/iPadOS, supporting USDZ and glTF files with immersive environments on visionOS.
- Performance: Includes significant layout engine improvements, including scroll anchoring, native ES module loader rewrite, and subpixel-precision layout.
- CSS: Adds advanced color-mix support,
light-dark()for images, and better anchor positioning for tooltips/popovers.
Decoder
- MCP (Model Context Protocol): A standard for connecting AI assistants to data sources and development tools.
- Scroll Anchoring: A browser behavior that prevents content jumps by adjusting scroll position when new elements are injected above the viewport.
- JSPI (JavaScript Promise Integration): A WebAssembly feature that allows async JavaScript code to look synchronous inside Wasm, simplifying porting of legacy code.
Original article
Full article content is not available for inline reading.
Explore all 58 articles in today's digest
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi