ブラウザバック広告のデモ先日、以下の『ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて』という記事が話題になっていました。 技術的な仕組みをより理解するため、実際に動くデモを作ってみました。ただし、Safari対策等は省略しています。 上のリンクを開くと以下のページが開き、 そこから戻ろうとすると以下の広告ページ？が出るはずです。 JavaScript のコード自体は20行もありません。 軽く説明すると、初めてページを開くとこの箇所で履歴が追加されます。 History API といえども、直接過去の履歴を変えることはできないので、 history.replaceState で「現在の履歴」を「広告用の履歴」に変えて、本来の「現在の履歴」を history.pushState で入れ直しているのがみそでしょうか。 performance.getEntriesByType("navigation")
