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 |