FedCM を実装するための開発環境を設定する

FedCM の実装を開始する環境を設定するには、Chrome の IdP と RP の両方で安全なコンテキスト（HTTPS または localhost）が必要です。

サードパーティ Cookie ブロック

Chrome でサードパーティ Cookie を使用せずに FedCM がどのように機能するかをテストできます。サードパーティの Cookie をブロックするには、シークレット モードを使用するか、パソコンの場合は chrome://settings/cookies の設定で [サードパーティの Cookie をブロックする] を選択します。モバイルの場合は、[設定] > [サイトの設定] > [Cookie] に移動して選択します。

パソコンでデバッグする

Chrome 139 以降では、Chromium ベースのブラウザの DevTools で FedCM をデバッグできます。

1. DevTools を開きます。

2. [Network] パネルに移動します。

   

3. 検査するウェブサイト（たとえば、Google のデモ RP）に移動します。

   1. フィルタバーに resource-type:fedcm と入力すると、FedCM リクエストのみをフィルタできます。

      

4. リクエストをクリックすると、詳細を確認できます。