https://takao.blog/es/tags/integrity/Recent content in Integrity on Commentary of TakaoHugo -- gohugo.ioesCommentary of TakaoSun, 12 Jul 2026 04:12:51 +0900https://takao.blog/es/web/subresource-integrity/Fri, 20 Dec 2024 00:00:00 +0900https://takao.blog/es/web/subresource-integrity/<img src="https://takao.blog/img/thumbnail/subresource-integrity-es.png" alt="Featured image of post Subresource Integrity (SRI): Garantizando integridad de recursos" /><p>Subresource Integrity (SRI) permite verificar que un archivo cargado desde un CDN no ha sido manipulado, comparando su hash criptográfico.</p> <h2 id="cómo-funciona">Cómo funciona </h2><p>El atributo <code>integrity</code> contiene un hash (SHA-256, SHA-384, SHA-512) del contenido esperado. El navegador calcula el hash y lo compara. Si no coincide, bloquea el recurso.</p> <h2 id="ejemplo">Ejemplo </h2><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">script</span> <span style="color:#a6e22e">src</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://cdn.example.com/lib.js&#34;</span> </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-...&#34;</span> </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt; </span></span></code></pre></div><p>El crossorigin es obligatorio para recursos CORS.</p> <h2 id="generación-de-hashes">Generación de hashes </h2><p><code>openssl dgst -sha384 -binary archivo.js | openssl base64 -A</code>. O usando herramientas online de SRI. Automatiza en el build process.</p>