Safari 27.0 がリリースされた。Safari MCP サーバー、Customizable Select の新しい UA 既定スタイル、Scroll Anchoring、iOS / iPadOS / macOS での HTML <model> が含まれる。

#Safari MCP

安定版の Safari に MCP サーバーが入った。Claude Code や Codex などから DOM、ネットワーク、スクリーンショット、コンソールへアクセスする。ローカルで動き、独自のネットワーク呼び出しはしない。取得データは接続先のエージェントへ渡り、Apple には送られない。Safari の個人情報にもアクセスしない。

設定は Safari > Settings > Developer の “Allow remote automation and external agents”。Developer ペインが無いときは Advanced の “Show features for web developers” を先にオンにする。

bash
claude mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp
json
{
  "mcpServers": {
    "safari-mcp": {
      "command": "/usr/bin/safaridriver",
      "args": ["--mcp"]
    }
  }
}

Codex では codex mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp を使う。

#Customizable Select

appearance: base-select を select と select::picker(select) に指定する。新しい UA 既定に切り替わる。6月の最初のベータから UA 既定が変わり、ドロップシャドウ、4px の角丸、タッチ向けの行の高さ、ホバー、シェブロンとチェックマーク、optgroup のスタイルが既定に入る。ライト / ダーク、強制カラー、disabled も既定で扱う。::picker-icon と ::checkmark で部品を指定できる。<option> 内に HTML を置け、<selectedcontent> で選択中の表示を調整できる。

css
select,
select::picker(select) {
  appearance: base-select;
}

#HTML <model>

visionOS に続き、iOS / iPadOS / macOS でも 3D モデルを埋め込める。environmentmap で照明、stagemode で操作の既定を指定する。<model> に CSS dynamic-range-limit を当て、HDR のトーンマッピングを制御する。

html
<model>
  <source src="boot.usdz" type="model/vnd.usdz+zip">
  <source src="boot.glb" type="model/gltf-binary">
  <img src="boot.png" alt="workboot in light tan leather">
</model>

Model samples に stagemode="orbit" や Immersive API の例がある。visionOS 向けの Immersive API は、開発者プレビューの Spatial Backdrop を置き換える。

#Scroll Anchoring

画像や広告などが閲覧中の位置より上に挿入されても、スクロール位置を合わせて読み位置を保つ。既定で有効で、オプトアウトは overflow-anchor: none。

css
.ad {
  overflow-anchor: none;
}

#参考文献