Thanatos Hosting Diagnostic Tool — Tutorial

Thanatos Hosting Diagnostic Tool es una herramienta web auto-contenida que analiza y comprueba las capacidades reales de cualquier hosting. No necesita instalación, frameworks ni dependencias — solo subes los archivos a un servidor y ejecutas los tests desde el navegador.

¿Qué puede detectar?

• Un navegador web moderno (Chrome 80+, Firefox 75+, Safari 13+, Edge 80+)
• Un hosting con acceso FTP/SFTP (para usar en producción)
• O un servidor local (Python, Node.js o PHP para pruebas)

Opción 1: Subir a un hosting

1. Descarga el proyecto desde GitHub
2. Sube todos los archivos y carpetas a la raíz de tu hosting (public_html/ o www/)
3. Accede a https://tu-dominio.com desde tu navegador

Opción 2: Probar localmente

git clone https://github.com/thanatos84/hosting-diagnostic-tool.git
cd hosting-diagnostic-tool

# Opción A — Python
python -m http.server 8000

# Opción B — Node.js
npx serve .

# Opción C — PHP
php -S localhost:8000

⚠️ Importante: Algunos tests de servidor no funcionan con file:// por CORS. Usa siempre un servidor HTTP local.

Al abrir la web por primera vez, aparece el selector de idioma obligatorio. Thanatos Hosting Diagnostic Tool soporta 7 idiomas: Español, Inglés, Portugués, Francés, Alemán, Japonés y Chino.

Selector de idioma — Elige entre 7 idiomas disponibles

Haz clic en el idioma que prefieras. Puedes cambiar de idioma en cualquier momento desde el botón 🌐 en la esquina superior derecha.

Después de elegir el idioma, verás el panel principal con todos los tests organizados por categorías.

Pantalla principal — Panel de selección con todas las categorías de tests

El panel de selección muestra 5 categorías principales con sus subgrupos:

En la parte superior del panel hay botones de filtros rápidos para seleccionar grupos de tests al instante.

Filtros rápidos: Todos, Ninguno, Críticos, Solo Lenguajes, Solo Seguridad, Solo Rendimiento, Solo Navegador

Puedes expandir cada grupo con un clic para marcar o desmarcar tests individuales. Esto te permite crear una selección personalizada — por ejemplo, probar solo Python, PHP y Ruby sin tener que ejecutar todos los lenguajes.

Cada grupo se expande para mostrar tests individuales con checkboxes

Cuando tengas tu selección lista, haz clic en el botón ▶ Ejecutar Tests. Durante la ejecución:

• Aparece la barra de progreso con avance en tiempo real
• Se muestran estadísticas en vivo: Aprobados Fallidos Advertencias
• Los tiles de lenguajes se iluminan según se completan
• Los acordeones de resultados se llenan dinámicamente

Tests en ejecución — Barra de progreso, estadísticas en vivo y tiles iluminándose

Cuando los tests finalizan, los resultados se muestran organizados en acordeones expandibles agrupados por categoría.

Cada acordeón muestra badges de conteo y se expande para ver detalles

Cada test individual muestra:

Thanatos Hosting Diagnostic Tool detecta automáticamente la información del servidor donde está alojado y la muestra en una caja destacada.

Información del servidor: hostname, protocolo, software y headers detectados

Los datos que se muestran incluyen:

• Hostname del servidor
• Protocolo (https / http)
• Puerto utilizado
• Software del servidor (Nginx, Apache, IIS, Cloudflare...)
• Headers HTTP detectados

Los tiles de lenguajes ofrecen una vista rápida del estado de cada lenguaje de programación en el servidor.

Tiles de lenguajes — Cada tile se colorea según el estado del lenguaje

Haz clic en cualquier tile para expandirlo y ver los detalles completos de ese lenguaje.

Tile expandido — Muestra los detalles individuales de cada test del lenguaje

Lenguajes detectados: JavaScript, Python, PHP, Ruby, Perl, TypeScript, Java, Go, Rust, Swift, C/C++, Lua, Bash, Elixir, Haskell, Clojure, Fortran y COBOL.

Al finalizar los tests, Thanatos Hosting Diagnostic Tool genera un dashboard visual con dos gráficos estadísticos.

Dashboard — Gráfico de donut (resultados) y barras (timing de carga)

🍩 Gráfico de resultados (donut)

Muestra la proporción de tests aprobados, fallidos, advertencias e información. Cada sección incluye el porcentaje sobre el total.

📊 Gráfico de timing (barras)

Muestra los tiempos de carga medidos por el Navigation Timing API:

Thanatos Hosting Diagnostic Tool ofrece 4 formatos de exportación para guardar o compartir los resultados.

Exportación: JSON, TXT, Copiar al portapapeles y PDF

💡 Consejo: Exporta en JSON después de ejecutar tests en cada hosting. Luego puedes usar esos JSONs en el comparador para ver diferencias lado a lado.

Una de las funciones más potentes: compara dos hostings lado a lado para ver sus diferencias.

Comparador — Muestra tests lado a lado con diferencias resaltadas

Cómo usarlo:

1. Ejecuta tests en el Hosting A → exporta el JSON
2. Ejecuta tests en el Hosting B
3. En el Hosting B, pega el JSON del Hosting A en el campo de texto del comparador
4. Haz clic en 📊 Comparar

El comparador muestra:

• Encabezado con los nombres de ambos hostings
• Estadísticas resumidas: aprobados vs fallidos
• Tests agrupados por categoría
• Diferencias resaltadas con ⚡️
• Grid 3 columnas: Nombre del test | Hosting A | Hosting B
• Conteo final de diferencias encontradas

El footer de la web contiene el enlace al repositorio de GitHub donde se aloja el código fuente.

Footer — Créditos y enlace al repositorio en GitHub

Desde ahí puedes acceder al código fuente completo, reportar issues, hacer fork del proyecto o ver la documentación adicional.

Thanatos Hosting Diagnostic Tool soporta cambio de tema con un solo clic. El tema elegido se guarda automáticamente en tu navegador.

🌙 Modo oscuro (por defecto)

☀️ Modo claro

Haz clic en el botón 🌙/☀️ en la esquina superior derecha para alternar. Por defecto, Thanatos Hosting Diagnostic Tool respeta la preferencia de tu sistema operativo.

Thanatos Hosting Diagnostic Tool usa notificaciones emergentes (toasts) para darte feedback visual inmediato.

Toast de notificación — Aparece en la esquina inferior derecha

Los toasts aparecen en la esquina inferior derecha y desaparecen automáticamente a los 3 segundos.

Thanatos Hosting Diagnostic Tool está diseñado para funcionar en cualquier dispositivo: desktop, tablet y móvil.

Vista móvil — Layout adaptado para pantallas pequeñas

Thanatos Hosting Diagnostic Tool incluye meta tags Open Graph y Twitter Cards optimizados para compartir en redes sociales.

Open Graph preview — Cómo se ve la herramienta al compartirla en redes sociales

Cuando compartes un enlace a la herramienta, se muestra:

• Título: ⚔️ Thanatos Hosting Diagnostic Tool
• Descripción: Analiza las capacidades reales de cualquier hosting
• Imagen: Preview personalizada con la marca Thanatos

Funciona en: Facebook, Twitter/X, WhatsApp, Telegram, LinkedIn, Discord y Slack.

Los tests de Python/PHP no funcionan

• Verifica que tu hosting soporta CGI
• En hosting compartido, los scripts CGI suelen estar deshabilitados
• Contacta a tu proveedor para habilitar CGI

La página no carga correctamente

• Abre la consola del navegador (F12)
• Busca errores de JavaScript
• Verifica que app.min.js se carga correctamente
• Asegúrate de que no hay errores CORS

El PDF no se genera

• Verifica que las librerías html2canvas y jsPDF se cargan correctamente
• Revisa la consola para errores de CORS
• Prueba exportar en JSON o TXT como alternativa

Los tests de archivos expuestos muestran falsos positivos

• Algunos servidores devuelven 200 para rutas inexistentes
• Thanatos Hosting Diagnostic Tool verifica el contenido, no solo el código HTTP
• Revisa los detalles de cada test para más información

No puedo ver resultados de compresión

• La compresión depende del servidor y del navegador
• Asegúrate de que tu hosting tiene habilitada la compresión

Los acordeones no muestran contenido

• Verifica que app.min.js se carga sin errores
• Comprueba la ruta de los archivos en la consola