Una aplicación offline en Firefox 3 | Zona Firefox

Escribe tu búsqueda:
Archivo por fechas:
El otro dí­a comentábamos acerca del soporte de aplicaciones offline en Firefox 3, la cual está actualmente en desarrollo (se espera la alpha 3 para el mes que viene). En Mark Finkle’s Weblog nos muestran un ejemplo de una sencilla aplicación offline que consiste en una lista de tareas. Solamente una sencilla muestra de lo que serí­a una aplicación offline con Firefox. La aplicación realiza las siguientes tareas:

  • Agregar una tarea :: Escribimos el nombre de la tarea y presionamos el botón ‘Add
  • Completar una tarea :: Selecciona la tarea a completar y presiona el botón ‘Complete
  • Eliminar una tarea :: Marcar una tarea y dar clic en ‘Remove‘.

Los datos son almacenados en un archivo ‘todo.JSON‘ y tenemos un archivo ‘todo-server.php‘ que es el servidor con un sencillo código PHP que manipula el fichero con los datos.

Más allá de lo simple de la aplicación lo interesante es que se ejecuta en forma offline y con las siguientes caracterí­sticas:

  • Antes de interactuar con el servidor, el programa comprueba que el navegador esté trabajando offline. En caso de que estemso online utiliza XMLHttpRequest. Si estamos offline utiliza almacenamiento DOM.
  • Utilizando eventos se comprueba si el navegador cambia su estado online /offline.

Para ejecutar esta aplicación necesitaremos la compilación más reciente de Minefield 3 alpha (Firefox 3). Pueden descargala a continuación (inglés solamente):

Descargar Minefield 3a3 pre (Firefox 3)

Y descargamos la aplicación dando clic en el siguiente enlace

Descargar Task Helper (aplicación de ejemplo)

Una vez instalado (pueden tener ambos navegadores instalados sin problemas), abrimos Minefield y vamos al menú ‘File‘ - ‘Work offline‘. La aplicación está en formato .zip, por lo que la descomprimimos y ejecutamos el archivo ‘todo.html‘. Por lo que he probado solo funciona si lo ejecutamos sin conexión, pero es una buena muestra de lo que se puede hacer. Por supuesto tienen el código para leerlo, modificarlo y hasta animarse a hacer otro ejemplo.

Más sobre Firefox 3



Deja tu comentario

XHTML: Puedes utilizar las siguientes etiquetas : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Keegy