Newly available 主要ブラウザで対応済みだが、古いバージョンでは未対応の場合がある。

概要

Storage Access API により、サードパーティの iframe がユーザーの許可を得てファーストパーティのストレージ(Cookie等)にアクセスできます。

対応ブラウザ

デスクトップ

Chrome 119+
Edge 85+
Safari 11.1+
Firefox 65+

モバイル

Chrome Android 120+
Safari iOS 11.3+
Firefox Android 65+

基本構文

JAVASCRIPT
// iframe内で実行
const hasAccess = await document.hasStorageAccess();
if (!hasAccess) {
  await document.requestStorageAccess();
}
// ストレージにアクセス可能に
console.log(document.cookie);

実務での使いどころ

  • Storage access の活用

    Storage Access API。サードパーティコンテキストからストレージへのアクセスを要求するAPI。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。