DESARROLLO

Generador de PWA: manifest.json + Service Worker

Configura tu Progressive Web App en segundos: genera el manifest.json y el service worker con precache y actualización. Todo local, sin servidores.

HW

1. Datos de la app

2. Iconos (192 y 512)

Sube una imagen PNG/JPG/WebP cuadrada (512×512 recomendado). Se redimensionará automáticamente a 192 y 512 px.

3. Archivos a precachear (uno por línea)

Rutas relativas al scope de tu app. El service worker precacheará estos archivos y los servirá offline (cache-first).

Archivos generados

manifest.json

 
 
 
sw.js (service worker)
 
 
 
 
 Cómo instalarla: coloca los iconos (icon-192.png, icon-512.png), el manifest (como manifest.webmanifest) y sw.js en tu servidor. Añade en el HTML: 
<link rel="manifest" href="manifest.webmanifest"> <meta name="theme-color" content="#1f44c8"> <script>if('serviceWorker' in navigator){navigator.serviceWorker.register('sw.js')}</script>
 Nota: el service worker requiere HTTPS o localhost. 
 
 
 
¿Qué es una PWA?
 
Una Progressive Web App combina lo mejor de la web y las apps nativas: se instala en el escritorio o la pantalla de inicio, funciona offline gracias al service worker y se actualiza automáticamente. El manifest.json define cómo se ve al instalarse (nombre, iconos, colores) y el service worker controla la caché y el modo offline.
 

                

            


            
            


                
Qué hace Generador de PWA: manifest.json + Service Worker

                
Generador de PWA: manifest.json + Service Worker forma parte del catálogo client-side de 1000 Herramientas Web: el archivo o el texto que introduzcas no se sube a nuestros servidores. Genera el manifest.json y el service worker de tu Progressive Web App: nombre, iconos 192/512, colores, precache y actualización. Sin servidor, 100% client-side. Categoría: DESARROLLO.

                

                
Cómo usarla

                
    
                    
  1. Entra en esta página. No hay registro: la herramienta está lista en cuanto carga.
    2. 
                    
  2. Completa «Nombre completo», «Nombre corto (instalación)», «Descripción», «Color de tema» y «Color de fondo».
    3. 
                    
  3. Si hay desplegables (standalone (recomendado), fullscreen, minimal-ui, any), elige la opción que corresponde a tu caso.
    4. 
                    
  4. Pulsa «Descargar manifest.json» o «Descargar sw.js» o «Descargar ambos (.zip)» según quieras copiar, generar o descargar.
    5. 
                    
  5. El resultado se queda en formato texto plano.
    6. 
                    
  6. Cierra la pestaña cuando termines. No queda una copia en 1000herramientasweb.com porque el cálculo no ha salido de tu dispositivo.
    7. 
                


                
Un caso real

                
Pegas una lista de identificadores que te ha enviado un cliente, compruebas cuáles tienen dígito de control válido y copias solo los correctos antes de cargarlos en tu ERP.

                

                    1000 Herramientas Web publica utilidades client-side: el valor está en que puedes resolver
                    la tarea sin una cuenta SaaS y sin entregar el documento a un tercero. Esta ficha sigue esa regla.
                


                
Límites (para no venderte humo)

                
    
                    
  • No hay cuenta, historial en la nube ni colaboración en tiempo real.
    • 
                    
  • Si recargas o cierras la pestaña sin copiar/descargar, el trabajo se pierde.
    • 
                    
  • El límite práctico es la memoria de tu navegador, no un plan de pago.
    • 
                    
  • No es asesoramiento legal, fiscal, médico ni un sustituto de software con licencia cuando el nombre comercial coincida.
    • 
                    
  • Los formatos de salida que genera esta ficha son: texto plano.
    • 
                


                
Preguntas frecuentes

                

                    

                        
¿Generador de PWA: manifest.json + Service Worker sube mis datos a un servidor?

                        
No. El JavaScript de esta página corre en tu navegador. Puedes comprobarlo en las herramientas de desarrollador (pestaña Red): no verás una subida del contenido que has pegado o del archivo local.

                    

                    

                        
¿Puedo usar el resultado de Generador de PWA: manifest.json + Service Worker en un trabajo o con un cliente?

                        
Sí. El archivo o el texto que generas es tuyo. La plantilla o el cálculo son una ayuda; si el documento tiene efectos legales o fiscales, revísalo con un profesional.

                    

                    

                        
¿Qué navegadores valen?

                        
Chrome, Edge, Firefox y Safari actuales. Es HTML y JavaScript: no hace falta un plugin.

                    

                


            
Herramientas relacionadas