navigate イベント観察ツール
Navigation API の navigate イベントが発火するたびに、NavigateEvent の各プロパティを記録します。さまざまな種類のナビゲーションを発生させて、何が取得できるかを確認できます。
1. ナビゲーションを発生させる
クリックすると navigate イベントが発火します。実際の URL 変更は intercept() で観察のみに抑えています。
2. イベントログ
0 件
ここに NavigateEvent が表示されます。
ログに含まれるプロパティの意味
navigationType: push / reload / replace / traversecanIntercept: intercept() できるか（クロスオリジンは false）userInitiated: ユーザー起点（クリック等）かhashChange: 同一ドキュメント内のフラグメント遷移かcancelable: preventDefault / precommitHandler でキャンセル可能かdestination.url: 遷移先 URLdestination.sameDocument: 同一ドキュメント遷移かdownloadRequest: download 属性のファイル名formData: POST 送信時のフォームデータsourceElement: 発火元の DOM 要素
3. 簡易ターゲット領域
「同一ページのフラグメント」リンクのアンカー先です。フラグメント遷移時にここまでスクロールします。