Instala harvis.dev como una app
harvis.dev incluye un manifiesto web, así que tu navegador puede instalarlo como cualquier otra app: su propia ventana y su propio icono en el dock o en la pantalla de inicio. Sin tienda de aplicaciones, sin instalador, sin permisos.
Qué cambia al instalarlo
Su propia ventana
Sin pestañas ni barra de direcciones. El cargador de archivos y tu panel se abren en una ventana independiente y limpia, con su propio sitio en el conmutador de apps.
Publicar en un toque
Un icono en el dock, la barra de tareas o la pantalla de inicio. Ábrelo, suelta una carpeta y el sitio estará online antes de que la ventana termine de asentarse.
Nada que descargar
Es el mismo sitio que estás leyendo: instalarlo solo añade el icono y la ventana. Sin paquete, sin cuenta de tienda, sin actualizaciones en segundo plano que aprobar.
Cómo instalarlo
Elige el navegador en el que estás leyendo esto. Todos los caminos acaban igual: harvis.dev junto a tus apps nativas.
Chrome, Edge o Brave en el escritorio
- 01Mira al final de la barra de direcciones: ahí está el icono de instalar, un monitor pequeño con una flecha hacia abajo.
- 02¿No aparece? Abre el menú del navegador y elige «Instalar página como aplicación» (en Edge está en Aplicaciones → Instalar este sitio como una aplicación).
- 03Confirma y harvis.dev se abrirá en su propia ventana y aparecerá en tu lanzador de aplicaciones.
Chrome en Android
- 01Toca el menú ⋮ de la esquina superior derecha.
- 02Elige «Añadir a pantalla de inicio» y luego «Instalar».
- 03El icono aparece en tu pantalla de inicio y se abre sin nada del navegador alrededor.
Safari en iPhone y iPad
- 01Toca el botón Compartir: el cuadrado con una flecha hacia arriba.
- 02Baja por el panel, toca «Añadir a pantalla de inicio» y luego «Añadir».
- 03iOS lee el mismo manifiesto, pero nunca muestra un aviso, así que esta es la única vía.
Safari en Mac
- 01Abre harvis.dev en una pestaña normal.
- 02Elige Archivo → Añadir al Dock en la barra de menús, ponle nombre y haz clic en Añadir.
- 03Requiere macOS Sonoma o posterior: las versiones anteriores de Safari no instalan apps web.
Firefox de escritorio eliminó la instalación de apps web, así que un marcador es lo más parecido. Firefox en Android sigue teniendo «Añadir a pantalla de inicio» en su menú.
Qué hay en el manifiesto
Toda la instalación se apoya en un único archivo, servido en /site.webmanifest. Los navegadores lo leen para saber cómo se llama la app, qué icono usar y cómo debe abrirse la ventana.
{
"name": "harvis.dev",
"short_name": "harvis.dev",
"start_url": "/",
"display": "standalone",
"background_color": "#13161a",
"theme_color": "#13161a",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
{ "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}«standalone» es el campo que quita el marco del navegador; el icono maskable es el que Android recorta a su propia forma.
Haz que tu sitio se pueda instalar
Todo lo que publiques en harvis.dev se puede instalar igual. Sube un manifest.json junto a tu index.html, enlázalo desde el head e incluye un icono de 192 px y otro de 512 px: ese es todo el requisito.
<!-- index.html --> <link rel="manifest" href="/manifest.json"> <meta name="theme-color" content="#13161a">
Los navegadores también exigen HTTPS antes de ofrecer la instalación. Todas las direcciones de harvis.dev ya se sirven por HTTPS, así que no hay nada que configurar.