Generador de código de actualización automática

Funciones

• Seis formas: etiqueta `meta`, temporizador JS, JS con cuenta atrás, cabecera `Refresh`, React y Vue
• Nunca adivina el esquema: las URL completas y las rutas del sitio se validan por separado, y un error da fallo en vez de arreglarse en silencio
• Intervalo mínimo de 1 segundo (`content="0"` es un bucle de recarga infinito), con aviso cuando es demasiado corto
• Cada fila lleva una nota con los riesgos de esa forma (botón atrás, POST, limpiar el temporizador)
• Las comillas de la dirección se escapan según las reglas de JS, así que el código se pega tal cual
• Sin red y sin subir nada

Cómo se usa

1. Escribe la página que quieres actualizar (o una ruta del sitio)
2. Fija el intervalo en segundos
3. Elige una forma de salida, o deja «Todas las formas»
4. Usa el botón de cada fila para copiar ese fragmento

Preguntas frecuentes

¿Uso `meta` o JavaScript?

Depende de lo que te importe; cada uno tiene su coste. `meta` es más simple y funciona con JavaScript desactivado, pero tiene dos problemas conocidos: rompe el botón atrás del navegador (al pulsarlo te devuelve al instante hacia delante) y no se aplica cuando la página se cargó por POST. JavaScript es más controlable: puede mostrar una cuenta atrás, hacer otra cosa antes de recargar y usar `location.replace` para no acumular entradas en el historial (así el botón atrás sigue funcionando). El coste es depender de JavaScript. Los paneles de administración y monitorización suelen querer la forma JS; una página que solo deba «actualizarse sola al cabo de un rato» va bien con `meta`.

¿Qué intervalo es razonable?

Como mínimo 30 segundos, mejor 60 o más. Un intervalo de 1 a 2 segundos en una página real equivale a un DDoS autoinfligido: cada pestaña abierta golpea tu servidor a ese ritmo, y con unos cuantos usuarios se nota. Además los navegadores ralentizan los temporizadores de las pestañas en segundo plano (al cambiar de pestaña, `setInterval` puede bajar a una vez por minuto), así que un intervalo muy corto no correrá a la frecuencia que esperas cuando la pestaña quede oculta. Si quieres «actualizar solo cuando algo cambie», lo correcto es sondear un punto de acceso ligero, o usar WebSocket/SSE, en lugar de recargar toda la página: una recarga completa vuelve a pedir todos sus recursos.

¿Por qué escribir `example.com` da error?

Porque el esquema nunca se adivina. `example.com/dashboard` podría ser `https://example.com/dashboard` o `http://…`, y este código va a tu proyecto: adivinar mal significa una redirección al sitio equivocado. Así que solo se aceptan tres formas: una URL completa que empiece por `http://` o `https://`, una ruta del sitio que empiece por `/`, y una dirección relativa al protocolo que empiece por `//` (que sigue el esquema de la página que la contiene). Cualquier otra da error y te dice qué añadir. La herramienta analizador de URL de aquí *sí* antepone `https://` a un dominio desnudo, pero aquella solo analiza y muestra el resultado, así que un fallo no cuesta nada. Esta genera código que despliegas, que es otra cosa.