🛡️ CSPヘッダー生成

Webサイトのセキュリティを強化するContent-Security-Policy(CSP)ヘッダーを、ディレクティブ(default-src, script-src など)ごとにチェックボックスで有効化し、許可するソースを入力することで組み立てるツールです。

使い方

Content-Security-Policyとは何ですか?

XSS(クロスサイトスクリプティング)などの攻撃を軽減するために、ブラウザがどのソースからスクリプトや画像などのリソースを読み込んでよいかを制限するHTTPレスポンスヘッダーです。

'self'とは何ですか?

現在のサイトと同一オリジン(同じスキーム・ホスト・ポート)からのリソース読み込みのみを許可するキーワードです。CSPのキーワード値は必ず単一引用符で囲む必要があります。

生成されたヘッダーはどう使えばよいですか?

Webサーバーやアプリケーションのレスポンスヘッダーとして、表示された文字列をそのまま `Content-Security-Policy` ヘッダーに設定してください。まずレポート専用モード(Content-Security-Policy-Report-Only)でテストすることをおすすめします。