Atributo integrity de <script> HTML

Definición y uso

integridad La propiedad permite que el navegador verifique el script obtenido para asegurarse de que no se cargue el código si el código fuente ha sido manipulado.

Integridad de recursos subyacentes (SRI) es una especificación de W3C que permite a los desarrolladores web asegurar que los recursos alojados en servidores de terceros no han sido modificados. ¡Recomiendo usar SRI!

Al usar SRI, la página web guarda el valor de hash, y el servidor guarda el archivo (en este caso, el archivo .js). El navegador descarga el archivo, luego lo verifica para asegurarse de que coincide con integridad El valor de hash en las propiedades coincide. Si coincide, se utilizará el archivo, de lo contrario, se bloqueará el archivo.

Puede usar el generador de hash SRI en línea para generar valores de hash de integridad: Generador de hash SRI.

Ejemplo

Al usar tanto integrity como la propiedad crossorigin, enlazar a CDN:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>

Sintaxis

<script integrity="filehash">

Valor del atributo

Valor Descripción
filehash Valor de hash del archivo de script externo.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
45.0 17.0 43.0 13.0 66.0