10
6

More than 1 year has passed since last update.

ブラウザバック直前の遷移元のurlを取得したい

Posted at

はじめに

ページA → ページB → ページC → ブラウザバックしてページB
のような画面遷移を行ったと想定します。

ページ遷移.png

この時に、ページBでブラウザバック直前のページであるCのurlを取得したいです。

document.referrerでは取得出来ない?

遷移元のurlを取得するにはdocument.referrerを使用すれば取得可能です。

しかし、ブラウザバック直後では想定しているurlは取得出来ません。

ページA → ページB → ページC → ブラウザバックしてページBにおいて。
ページBでdocument.referrerからリファラを取得すると、ページAのurlが取得されてしまいます。

【解決】 sessionStorageに保存する

ページCで現在のurlをsessionStorageへセットし、ページBでそれを取得します

page-C.js
sessionStorage.setItem('url', window.location.href);
page-B.js
let url = sessionStorage.getItem('url');

以上です

10
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
6