【javascript】document.referrerの値が空になる原因

  • 2021年4月15日
  • 2023年5月9日
  • jQuery

jQueryでもjavascriptでもどっちでもいいのですが、遷移元(前に見てたページ)のURLを取得するには以下の方法を使います。

これだけでURLが取得できるのですが、どうやっても値が空欄になる。
その場合の対処法です。

document.referrerの値が空になる原因

choromeの開発ツールでデバッグしたので、確かにreferrerの値は「””」です。
こうなる原因を調べてみると、出てくるのはほとんど以下の情報。

  • URL直打ちの場合(貼り付けも含む)
  • HTTPSからHTTPにアクセスする場合
  • IEを使用している場合(IEのバグの模様)

なんですけど、どれも当てはまらない場合は多分以下の原因です。

開発環境 or ローカルのhtmlファイルを確認している場合

びっくりなんですけど、ローカルにおいて別ページから遷移してもdocument.referrerは空になるらしいです。

こっちの情報の方が重要では?
ちなみにリファレンスサイトなどには書かれていたりします。

参考:JavaScriptリファレンス(document.referrer

なのでサーバーに入れれば動くってことですね。
すごく単純な原因でした。