Tools Übersicht
ToolsAAWeb Security

Subresource Integrity (SRI) Handbuch & Sicherheitsleitfaden

Kryptografische SHA-256, SHA-384 und SHA-512 Base64-Hashes direkt im Browser berechnen und sichere HTML-Script/Link-Tags für CDNs erzeugen.

Source Asset Code
Vollständiger HTML-Code
<script
  src="https://cdn.example.com/assets/app.min.js"
  integrity=""
  crossorigin="anonymous">
</script>
Berechnete kryptografische Hashes
sha384Calculating...
sha512Calculating...
sha256Calculating...

W3C Subresource Standards

Produces strictly compliant base64-encoded digests conforming to official W3C Subresource Integrity Level 1 recommendations.

Client-Side SHA Computations

All binary digesting runs locally on your device via window.crypto.subtle, eliminating network upload risks and third-party sniffing.

Full HTML Snippet Export

Generates ready-to-paste script and link tags complete with crossorigin policies to safeguard CDNs against supply chain tampering.

Technische Referenz & Architektur-Leitfaden

Subresource Integrity (SRI) Handbuch & Sicherheitsleitfaden — Referenz-Leitfaden

Kryptografische SHA-256, SHA-384 und SHA-512 Base64-Hashes direkt im Browser berechnen und sichere HTML-Script/Link-Tags für CDNs erzeugen.

Wichtige Parameter & Steuerelemente

Hash-Algorithmussha256 | sha384 | sha512

Kryptografischer Digest-Algorithmus nach W3C SRI-Standard.

HTML-Tag-Typscript | link

Ziel-HTML-Element mit entsprechenden Attributen.

Cross-Origin-Richtlinieanonymous | use-credentials

Erforderliches Attribut zur Einhaltung der CORS-Vorgaben.

Ressourcen-URLstring

Zieladresse der CDN-Datei im HTML-Code.

Profi-Tipps & Best Practices

Häufige Fallstricke & Fehlerbehebung

Stellen Sie sicher, dass der CDN-Server gültige CORS-Header ausliefert.

Prüfen Sie, ob Git oder der Build-Prozess CRLF in LF konvertiert hat.

Häufig gestellte Fragen (FAQ)

Was bewirkt Subresource Integrity?▼

SRI schützt Websites vor manipulierten Drittanbieter-Skripten durch kryptografische Prüfung.

Werden Dateien beim Hashing hochgeladen?▼

Nein, alle Berechnungen erfolgen über die Web Crypto API direkt im Browser.

Warum ist crossorigin notwendig?▼

Ohne CORS verbietet die Same-Origin-Policy das Auslesen von Ressourcendateien zur Prüfsummenbildung.

Welcher Algorithmus ist der Beste?▼

SHA-384 bietet das beste Verhältnis aus Rechenzeit und kryptografischer Sicherheit.

Verwandte Werkzeuge & Dienstprogramme

Alle Werkzeuge →