サブリソース完全性 (SRI) ハッシュ生成
ローカル処理HTMLのscriptタグやlinkタグに付与するW3Cサブリソース完全性（SRI）文字列（sha384-、sha256-、sha512-）を生成します。
使い方と処理基準
HTMLのscriptタグやlinkタグに付与するW3Cサブリソース完全性（SRI）文字列（sha384-、sha256-、sha512-）を生成します。
ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。
処理制限
- 最大入力文字数: 2,000,000文字
CDNから読み込むスクリプトが変わっていないかブラウザに確認させるには、integrity属性にファイルのハッシュを入れます。ファイルの内容を貼り付けてアルゴリズムを選ぶと「sha384-Base64」形式で作ります。
空白や改行が1つ違うだけでハッシュが変わります。実際に配信されるファイルの内容と同じでなければなりません。
できること
- sha256・sha384・sha512
- 初期値は推奨アルゴリズムのsha384です。
- そのまま使える形式
- 「アルゴリズム-Base64」形式なのでintegrity属性にそのまま貼れます。
サブリソース完全性 (SRI) ハッシュ生成の使い方
- 1ファイル内容を貼り付けスクリプト・スタイルシートの内容をそのまま貼り付けます。
- 2アルゴリズムを選ぶsha384・sha256・sha512から選びます。
- 3タグに入れるintegrity="…" crossorigin="anonymous"として使います。
活用例
sha384
入力: alert('hi');
結果: sha384-FANl2IiScBgbQg1ZiXDX2/KBIClVPK/2G9OPEEydFX4pOsLyf8a9qfpBudHpQY1u
sha256
入力: alert('hi');
結果: sha256-S3glexDivN1XnfRGec5uF4Y7TT2a/rcrADlE/zj4maA=
主な利用シーン
- CDNスクリプトにintegrity属性を付けてサプライチェーン攻撃を防ぐとき
- CSPのハッシュ許可値を作るとき
よくある質問 (FAQ)
integrityを付けたらスクリプトが読み込まれません。
ファイルの内容がハッシュと違うか、別ドメインのファイルなのにcrossorigin="anonymous"がないと、ブラウザがブロックします。