Generador de Hash SRI | Toolypet
Generador de hash SRI gratuito online. Genera hashes de integridad de subrecursos. Disponible como MCP.
¿Qué es esto?
Un generador de hashes SRI (Subresource Integrity) que calcula hashes criptográficos para scripts y hojas de estilo externas. Protege contra la modificación maliciosa de recursos cargados desde CDNs.
Entrada
Ingresa el contenido exacto del script u hoja de estilo que deseas proteger
SHA-384 es recomendado para el mejor equilibrio entre seguridad y compatibilidad
URL opcional para los ejemplos HTML generados
Vista previa
Ingresa contenido y haz clic en generar para crear hash SRI
Cómo Usar
Ingrese la URL del recurso externo o el contenido del archivo. La herramienta calcula el hash SRI y genera el atributo integrity completo para copiar en su HTML.
Análisis Profundo
Subresource Integrity (SRI) permite al navegador verificar que los recursos cargados desde CDNs u orígenes externos no han sido manipulados.
Funcionamiento:
1. Calcule el hash del recurso original
2. Agregue el hash en el atributo integrity del tag HTML
3. El navegador descarga el recurso y calcula su hash
4. Si los hashes no coinciden, el recurso se bloquea
Sintaxis HTML:
<script src='https://cdn.ejemplo.com/lib.js' integrity='sha384-hash...' crossorigin='anonymous'></script>
Consideraciones:
- Soporte: Todos los navegadores modernos
- Algoritmos: sha256, sha384 (recomendado), sha512
- crossorigin='anonymous' es OBLIGATORIO para recursos cross-origin
- Los hashes deben actualizarse cuando el recurso cambia
Ejemplos
- Generar hash SRI para jQuery desde un CDN
- Crear atributos integrity para todas las dependencias externas
- Verificar la integridad de un script CDN después de una actualización
- Generar hashes SHA-384 para múltiples scripts de terceros en un pipeline de carga segura desde CDN
Instalar servidor MCP de Toolypet
Añade las herramientas de Toolypet a tu agente de IA con un solo comando. Compatible con Claude Desktop, Claude Code, Cursor y cualquier cliente compatible con MCP.
Inicio rápido
npx -y @toolypet/mcp-server@latest
Configuración del cliente MCP
{
"mcpServers": {
"toolypet": {
"command": "npx",
"args": [
"-y",
"@toolypet/mcp-server@latest"
]
}
}
}Nombre de herramienta:
mcp__toolypet__sri_hash_generatorEjemplo de prompt
Generate SRI hash for a JavaScript file content
Ejemplo de Entrada
{
"content": "console.log('hello');",
"algorithm": "sha384"
}Ejemplo de Salida
{
"hash": "sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC",
"integrity": "sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC",
"tag": "<script src=\"...\" integrity=\"sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC\" crossorigin=\"anonymous\"></script>"
}Preguntas Frecuentes
- ¿Qué pasa si el hash SRI no coincide?
- El navegador bloqueará la carga del recurso. Esto protege contra recursos CDN comprometidos o modificados. Si es un cambio legítimo (actualización), actualice el hash en su HTML.
- ¿SRI funciona con CSS?
- Sí, SRI funciona tanto con scripts (<script>) como con hojas de estilo (<link rel='stylesheet'>). El proceso es el mismo: agregue el atributo integrity con el hash correspondiente.
- ¿Por qué necesito crossorigin='anonymous'?
- Para recursos cross-origin, el navegador necesita este atributo para acceder al contenido del recurso y calcular su hash. Sin él, la verificación SRI fallará por razones de CORS.
- ¿Cómo uso esta herramienta en Claude/Cursor?
- Puede usar esta herramienta vía MCP. Agregue el servidor MCP de Toolypet a la configuración de su agente AI con 'npx -y @toolypet/mcp-server@latest'. Luego pida a su AI que use mcp__toolypet__sri_hash_generator con sus parámetros.
- ¿Qué es MCP y por qué Toolypet lo soporta?
- MCP (Model Context Protocol) es un estándar abierto que permite a agentes AI como Claude y Cursor usar herramientas externas. Toolypet soporta MCP para que pueda usar las más de 65 herramientas tanto en el navegador como a través de agentes AI, integrando cálculos y operaciónes en su flujo de trabajo AI.
- ¿Cómo uso esta herramienta en Claude/Cursor?
- Puedes usar esta herramienta a través de MCP. Agrega el servidor MCP de Toolypet a la configuración de tu agente de IA con 'npx -y @toolypet/mcp-server@latest'. Luego pide a tu IA que use mcp__toolypet__sri_hash_generator con tus parámetros.
- ¿Qué es MCP y por qué Toolypet lo soporta?
- MCP (Model Context Protocol) es un estándar abierto que permite a agentes de IA como Claude y Cursor usar herramientas externas. Toolypet soporta MCP para que puedas usar las más de 65 herramientas tanto en el navegador como a través de agentes de IA, integrando cálculos y operaciónes de manera fluida en tu flujo de trabajo con IA.