Safari 27用WebKitの新機能

See what Safari 27 brings to the web platform including a focus on the quality and a quick tour of new features.

Learn how the WebKit team prioritized quality this year, shipping over 1,100 fixes and improvements. Covers five themes: compatibility (illustrated by an emoji input bug), rebuilding foundations like block-in-inline layout, going deep on areas like SVG, aligning with the latest web standards, and improving how features integrate together.

Create masonry-style layouts in pure CSS with Grid Lanes, shipped in Safari 26.4. See examples of what’s possible.

Style the element to match your design while keeping built-in form control accessibility. Learn about appearance: base-select, the new pseudo-elements, and adding HTML.

11:24 - HTML Model element

Embed 3D models into a web page using the HTML element, now coming to iOS, iPadOS, and macOS in Safari 27. Learn what can be accomplished with HTML attributes, JavaScript, and AR Quick Look.

12:51 - Immersive Website Environments

In visionOS 27, the element can launch into a full immersive environment using a new Immersive API modeled on the Fullscreen API. See use cases like previewing an immersive game or viewing a theater from your seat.

13:38 - Web Extensions

Today, you can build one cross-browser web extension and distribute it everywhere, including to Safari users. It’s now easier than ever with Safari Web Extension Packager. Submit via App Store Connect from any browser on any operating system — no Mac or Xcode required.

15:18 - MapKit JS

Embed privacy-preserving interactive maps on your website with MapKit JS, which works across all browsers and operating systems.

15:40 - Next steps

Visit webkit.org for the latest Safari release information, watch related WWDC sessions to go deeper on specific topics, and file issues at bugs.webkit.org.