HTMLAnchorElement.referrerPolicy

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

HTMLAnchorElement.referrerPolicy プロパティは、リソースの取得時に送信されるリファラーを定義する <a> 要素の HTML referrerpolicy 属性を反映します。

構文

refStr = anchorElt.referrerPolicy;
anchorElt.referrerPolicy = refStr;

  • "no-referrer" は、Referer: HTTP ヘッダーが送信されないことを意味します。
  • "origin" は、リファラーがページのオリジンであることを意味します。 これはおおよそスキーム、ホスト、ポートです。
  • "unsafe-url" は、リファラーにオリジンとパスが含まれることを意味します(ただし、フラグメント、パスワード、またはユーザー名は含まれません)。 このケースは、TLS を使用していてもサードパーティに隠されたパス情報を漏らす可能性があるため、安全ではありません。

var elt = document.createElement("a");
var linkText = document.createTextNode("My link");
elt.appendChild(linkText);
elt.href = "https://developer.mozilla.org/en-US/";
elt.referrerPolicy = "no-referrer";

var div = document.getElementById("divAround");
div.appendChild(elt); // クリックしても、リンクはリファラーのヘッダーを送信しません。

仕様

仕様 状態 コメント
Referrer Policy
referrerPolicy attribute の定義
勧告候補 referrerPolicy プロパティが追加されました。

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
referrerPolicyChrome 完全対応 51Edge 完全対応 79Firefox 完全対応 50IE 未対応 なしOpera 完全対応 38Safari 完全対応 11.1WebView Android 完全対応 51Chrome Android 完全対応 51Firefox Android 完全対応 50Opera Android 完全対応 41Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.2

凡例

完全対応  
完全対応
未対応  
未対応

関連情報