mozilla

Revisão 292860 de Utilizando aplicativos offline

  • Slug da revisão: Apps/Using_apps_offline
  • Título da revisão: Utilizando aplicativos offline
  • ID da revisão: 292860
  • Criado:
  • Criador: mateus.m.luna
  • É a revisão atual? Não
  • Comentar

Conteúdo da revisão

A capacidade de utilizar aplicativos quando não se está conectado à internet é especialmente importante para dispositicos móveis, que podem estar fora da área de cobertura. Mas também é importante para sistemas desktop, um exemplo comum é o uso em um avião que não possui Wifi.

Várias estratégias e tecnologias podem ajudar a garantir uma boa experiência offline:

Cache da aplicação

O modo básico de fazer uma aplicação trabalhar offline é com o cache da aplicação, que armazena recursos para o aplicativo no sistema cliente para que eles estejam disponíveis mesmo quando a Internet não está.

Verificando a conectividade

Um fator importante para se trabalhar bem offline é verificar se o dispositivo possui conectividade e se responde apropriadamente quando não. Mesmo uma mensagem para o usuário de que o aplicativo não trabalha offline é melhor do que ficar travado ou receber uma mensagem de tempo limite excedido.

The simplest way to do this is to check, and listen for changes to, the window.navigator.onLine property. However, that value is not guaranteed to be accurate.

If you are using XMLHttpRequest to update data dynamically, you can check its response to determine if the network connection has dropped during the use of your app.

Resources

{{ languages( {"fr": "fr/Applications/Usage_hors-connexion"} ) }}

Fonte da revisão

<p>A capacidade de utilizar aplicativos quando não se está conectado à internet é especialmente importante para dispositicos móveis, que podem estar fora da área de cobertura. Mas também é importante para sistemas desktop, um exemplo comum é o uso em um avião que não possui Wifi.</p>
<p>Várias estratégias e tecnologias podem ajudar a garantir uma boa experiência offline:</p>
<ul>
  <li><a href="#Application_cache" title="#Application_cache">Application cache</a></li>
  <li><a href="#Checking_connectivity" title="#Checking_connectivity">Checking connectivity</a></li>
  <li><a href="/en/DOM/Storage" title="en/DOM/Storage">Local storage</a></li>
  <li><a href="/en/IndexedDB" title="IndexedDB">IndexedDB</a></li>
</ul>
<h2 id="Cache_da_aplica.C3.A7.C3.A3o">Cache da aplicação</h2>
<p>O modo básico de fazer uma aplicação trabalhar offline é com o cache da aplicação, que armazena recursos para o aplicativo no sistema cliente para que eles estejam disponíveis mesmo quando a Internet não está.</p>
<ul>
  <li><a href="/en/HTML/Using_the_application_cache" title="/en/Using_the_Application_Cache">Using the application cache</a></li>
  <li><a class="external" href="http://dev.w3.org/html5/spec/offline.html" title="http://dev.w3.org/html5/spec/offline.html">W3C specification for offline Web applications</a></li>
</ul>
<h2 id="Checking_connectivity">Verificando a conectividade</h2>
<p>Um fator importante para se trabalhar bem offline é verificar se o dispositivo possui conectividade e se responde apropriadamente quando não. Mesmo uma mensagem para o usuário de que o aplicativo não trabalha offline é melhor do que ficar travado ou receber uma mensagem de tempo limite excedido.</p>
<p>The simplest way to do this is to check, and listen for changes to, the <code>window.navigator.onLine</code> property. However, that value is not guaranteed to be accurate.</p>
<p>If you are using <a href="/en/nsIXMLHttpRequest" title="en/XMLHttpRequest ">XMLHttpRequest </a>to update data dynamically, you can check its response to determine if the network connection has dropped during the use of your app.</p>
<h2 id="Resources">Resources</h2>
<ul>
  <li><a class="external" href="http://www.html5rocks.com/en/mobile/workingoffthegrid.html" title="http://www.html5rocks.com/en/mobile/workingoffthegrid.html">Working off the grid with HTML5 offline</a></li>
  <li><a class="external" href="http://www.html5rocks.com/en/tutorials/offline/whats-offline/" title="http://www.html5rocks.com/en/tutorials/offline/whats-offline/">"Offline": What does it mean and why do I care?</a></li>
  <li><a class="external" href="http://diveintohtml5.info/offline.html" title="http://diveintohtml5.info/offline.html">Dive into HTML5: Let's take this offline</a></li>
</ul>
<p>{{ languages( {"fr": "fr/Applications/Usage_hors-connexion"} ) }}</p>
Reverter para esta revisão