安全対策としてリンクにnoopener noreferrer
属性を追加することを勧めるインターネット上のサイトはたくさんあります。これは、他のドメインの悪意のあるスクリプトがウィンドウを制御するのを防ぐためです(target="_blank"
とのリンクの場合)。
それを確認するためのeslint
ルールさえあります:
https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-target-blank.md `
https://mathiasbynens.github.io/rel-noopener/
[〜#〜]質問[〜#〜]
noopener
の部分を取得します。それは理にかなっている。しかし、本当に安全なnoreferrer
が必要ですか?
どちらか一方を使用するだけで済みます。 From Web開発者向けのGoogleツール-クロスオリジンのリンク先へのリンクは安全ではありません :
rel="noopener"
は、新しいページがwindow.opener
プロパティにアクセスできないようにし、別のプロセスで実行されるようにします。rel="noreferrer
"属性も同じ効果がありますが、Referer
ヘッダーが新しいページに送信されないようにすることもできます。
したがって、両方を使用する必要はありません。どちらを使用しても、セキュリティの問題は自動的に防止されます。