Comentario: Hoy nuestro contenido es sobre cómo crear aplicaciones web fuera de línea. La ventaja es que permite que el navegador descargue los recursos web que especificamos para que los usuarios puedan usar nuestro sitio normalmente mientras están fuera de línea.
Hoy nuestro contenido trata sobre cómo crear aplicaciones web fuera de línea. La ventaja es que el navegador puede descargar los recursos web que especificamos para que los usuarios puedan usar nuestro sitio normalmente mientras están fuera de línea.
1. Definir manifiesto
Utilizamos Manifest para enumerar los recursos a los que deben acceder cuando fuera de línea. Es en sí mismo un archivo de tipo texto. La primera línea es a menudo manifiesta de caché, y luego enumere los recursos que necesitamos, uno por línea. No hay reglas de nombres fijas para archivos, y no hay requisitos para nombres de sufijos. El único requisito es definir los nombres de sufijo en el lado del servidor como el tipo MIME de Text/Cache-manifest.
Si es un servidor IIS 7, siga los pasos a continuación:
1. Por ejemplo, si el sufijo es .appcache, abra IIS7 y seleccione el nodo raíz (esto se heredará de todos los sitios y también se puede configurar para un solo sitio);
2. Haga doble clic en el tipo MIME a la derecha;
3. Haga clic con el botón derecho para agregar Tipo MIME, de modo que la configuración se complete.
Después de completar la configuración del servidor, agregue el archivo de manifiesto.
Manifiesto de caché
manifestfile.html
img/1.jpg
img/2.jpg
img/3.jpg
Entonces veamos el siguiente ejemplo.
<! Doctype html>
<html manifest = "manifest.appcache">
<Evista>
<title> Ejemplo </title>
<estilo>
img
{
borde: medio doble negro;
relleno: 5px;
margen: 5px;
}
</style>
</ablo>
<Body>
<img src = "img /1.jpg" />
<div>
<botón> car1 </boton>
<botón> car2 </boton>
<botón> car3 </boton>
</div>
<script>
botones var = document.getElementsBytagName ('Button');
para (var i = 0; i <button.length; i ++) {
Botones [i] .Onclick = HANGUTTONPRESS;
}
Funcion HangeButtonPress (e) {
document.getElementById ('imgTarget'). src = 'img/' + e.target.id + '.jpg';
}
</script>
</body>
</html>
Cuando se ejecuta el programa, dependiendo del navegador, algunos navegadores le preguntarán si permite que los datos fuera de línea se guarden localmente, y otros no lo harán. Se crea una aplicación tan simple fuera de línea.
2. Respuestas a dudas
También encontré algunos problemas y dudas al aprender esta parte del conocimiento, como:
1. ¿Por qué estoy ejecutando VS2010 directamente (mi entorno de desarrollo) y la aplicación fuera de línea no se ejecuta correctamente?
2. ¿Cómo sé si la aplicación fuera de línea se creó con éxito?
3. ¿Cómo sé si la aplicación actual está fuera de línea?
4. Después de detener el servicio IIS, debería estar fuera de línea. ¿Por qué informo un error 404 cuando actualizo la página?
Ahora responderé a estas preguntas que he encontrado.
2.1. Explique la primera pregunta primero. Con respecto a este problema, el punto clave es cómo se configura el elemento de configuración web de su aplicación. Si usa la forma de un servidor de desarrollo VS, entonces no tenemos forma de establecer el tipo MIME para él, por lo que en este caso nuestra aplicación fuera de línea no puede usarse. Para los dos métodos de configuración web restantes, siempre que siga el método de tipo MIME que introduje anteriormente para configurar el servidor IIS, su aplicación fuera de línea se ejecutará correctamente.
2.2. El segundo problema se explica a continuación. Aquí necesitamos usar la herramienta de depuración del navegador Chrome, usar el navegador Chrome para abrir nuestro programa web, presionar F12 y cambiar a la pestaña Recursos. Mientras nuestra información de configuración se encuentre en la caché de la aplicación y se pueda encontrar el archivo en caché, demuestra que nuestra aplicación fuera de línea se ha creado con éxito.
2.3. O use la herramienta de depuración de Chrome, o en la pestaña de recursos, observe que la bobina roja vive en el lugar, en línea significa en línea.
Desenchufe el cable de red y la visualización fuera de línea, lo que significa fuera de línea. En este momento, se puede mostrar el efecto de la aplicación fuera de línea.
2.4. Con respecto a la última pregunta, aún necesitamos usar la herramienta de depuración del navegador Chrome. Cuando detenemos el servicio IIS, observamos la visualización de la pestaña Recursos. Todavía está en línea, pero pasa de inactivo a obsoleto más tarde. Esto también explica por qué el efecto fuera de línea de la aplicación fuera de línea no se puede mostrar cuando se detiene el II local.
Este es el contenido de esta sección.