E. index.html

<!DOCTYPE html>
<html lang="es">

<head>

 <meta charset="UTF-8">

 <title>PWA Básica</title>

 <!-- Resumen para los motores de búsqueda. -->
 <meta name="description" content="Ejemplo de PWA">

 <script type="module" src="js/lib/registraServiceWorker.js"></script>

 <meta name="viewport" content="width=device-width">

 <!-- Color de la barra de navegación de Chrome en dispositivos móviles. -->
 <meta name="theme-color" content="#cbc693">

 <!-- Ícono para la página web, que normalmente se pone en la raíz del sitio.
  Puede ser diferente para cada página. -->
 <link rel="icon" sizes="32x32" href="favicon.ico">

 <!-- Configuración de la PWA para Chrome, Edge y Safari.
  Debe ponerse en todas las páginas. -->
 <link rel="manifest" href="site.webmanifest">

 <link rel="stylesheet" href="css/estilos.css">

</head>

<body>

 <h1>PWA Básica</h1>

 <p>Hola mundo.</p>

</body>

</html>

1	<!DOCTYPE html>
2	<html lang="es">
3
4	<head>
5
6	<meta charset="UTF-8">
7
8	<title>PWA Básica</title>
9
10	<!-- Resumen para los motores de búsqueda. -->
11	<meta name="description" content="Ejemplo de PWA">
12
13	<script type="module" src="js/lib/registraServiceWorker.js"></script>
14
15	<meta name="viewport" content="width=device-width">
16
17	<!-- Color de la barra de navegación de Chrome en dispositivos móviles. -->
18	<meta name="theme-color" content="#cbc693">
19
20	<!-- Ícono para la página web, que normalmente se pone en la raíz del sitio.
21	Puede ser diferente para cada página. -->
22	<link rel="icon" sizes="32x32" href="favicon.ico">
23
24	<!-- Configuración de la PWA para Chrome, Edge y Safari.
25	Debe ponerse en todas las páginas. -->
26	<link rel="manifest" href="site.webmanifest">
27
28	<link rel="stylesheet" href="css/estilos.css">
29
30	</head>
31
32	<body>
33
34	<h1>PWA Básica</h1>
35
36	<p>Hola mundo.</p>
37
38	</body>
39
40	</html>

skip_previous skip_next