HTMLAreaElement.referrerPolicy

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

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

構文

refStr = areaElt.referrerPolicy;
areaElt.referrerPolicy = refStr;

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

<img usemap="#mapAround" width="100" height="100" src="/img/logo@2x.png" />
<map id="myMap" name="mapAround" />>
var elt = document.createElement("area");
elt.href = "/img2.png";
elt.shape = "rect";
elt.referrerPolicy = "no-referrer";
elt.coords = "0,0,100,100";
var map = document.getElementById("myMap");

map.appendChild(elt); 
// クリックしても、領域のリンクはリファラーヘッダーを送信しません。

仕様

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

ブラウザーの互換性

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

凡例

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

関連情報