HTML5 application mobile en cours d'exécution tandis que l'écran du téléphone est éteint?

Je suis intéressé par la création d'une géolocalisation HTML5 basé sur le web application qui pourrait tout de même lorsque l'écran du téléphone est éteint (par exemple, le suivi de la façon dont beaucoup vous avez été en cours d'exécution lorsque votre téléphone est dans votre poche).

Est-il possible de garder l'application en cours d'exécution mais avoir l'écran est éteint, ou ont l'exécution de l'application en arrière-plan pendant que d'autres applications sont utilisées? Est-ce possible au moins sur certains appareils mobiles populaires là-bas (les plus récents appareils iOS et Android en particulier?)

  • Sur Android, vous aurez besoin d'écrire une application native et de lancer un service pour vous garder actif. Je doute que ios est très différent.
  • Pour Android, oui, bien sûr, la pensée de votre "web app" devrait être téléchargeable comme une application (comme dans ce Téléphone Gap offre). Et puis vous auriez probablement besoin d'utiliser le Java couche ainsi de faire partie de ce travail, à l'aide de AsyncTask et un Service. Pour iOS, je n'ai aucune idée.
  • Bien que j'en doute.. vous pouvez un peu de chance se présente au travail. avec un iframe. stackoverflow.com/questions/7047989/... [voir la première réponse. ]
  • Il est maintenant 2018, a fait les choses changent? Peut-travailleurs des services d'aide, par exemple?
InformationsquelleAutor tborenst | 2013-03-17
  1. 21

    Mon application musique est HTML5 et doit également exécuter en arrière-plan. Le soutien qui varie selon le navigateur mobile.

    • Safari sur iOS: continuera à jouer un ou deux morceaux dans le fond
    • Navigateur natif sur Android: va jouer une chanson, puis s'arrête
    • Firefox sur Android: s'arrête lorsque l'écran se verrouille ou le navigateur perd le focus ou la fin de la chanson
    • Dauphin sur Android: joue en arrière-plan! mais finalement cesse de
    • Opera sur Android: les meilleurs fond de soutien, Javascript continue à courir et la musique continue de jouer même lorsque l'écran est éteint ou Opera est envoyé à l'arrière-plan, mais finit par s'arrêter après quelques chansons.

    Comme vous pouvez le voir il est frappé ou manquer. La moitié du temps je finis par essayer de mettre mon téléphone dans ma poche, en arrière, en essayant de garder l'écran allumé, jusqu'à ce que j'appuyez accidentellement sur elle - totalement merdique. J'long de la journée lorsque l'utilisateur a plus de contrôle sur l'exécution d'applications HTML5 en arrière-plan. Si je devais deviner, je dirais que universelle, qui est très loin, si jamais il obtient même la traction. Je suis forcé vers une application native solution, même si je suis presque certain d'Apple ne sera jamais de l'approuver. En attendant, je vais rester optimiste et garder tester les dernières navigateurs mobiles. Parce que si il arrive effectivement qu'il va être génial. 🙂

    Je tiens également à souligner que, dans mon expérience, pour à peu près toutes les combinaisons ci-dessus, à l'aide de HTML5 exécuter simultanément javascript, pull réseau de données, et de jouer de la musique seront généralement transformer votre téléphone en un four et de tuer votre batterie assez rapidement. Ugg.

    En outre, si vous utilisez jQuery Mobile (qui est la plupart du temps fantastique), vous pourrez voir les différentes toucher la manipulation sur les différents navigateurs. Par exemple, Firefox tactile fonctionne très bien, le Dauphin est terrible et nécessite un toucher précis et maintenez-et-release pour obtenir le droit. Ce n'est pas directement HTML5 de la faute, mais une autre question, je fais face à.

    Voici un autre développeur réflexions intéressantes sur mobile HTML5.

    Mise à JOUR: je viens de (22 Mai 2013) téléchargé Opera sur mon Samsung Galaxy S3 et il a la meilleure prise en charge du HTML5 jusqu'à présent. Pour mon application, elle continue à exécuter javascript dans le fond, si l'écran est éteint, ou l'Opéra est poussé à l'arrière-plan, pour au moins une couple de chansons.

    • Il est maintenant 2018, a fait les choses changent? Peut-travailleurs des services d'aide, par exemple?
    • Voir les autres plus récents réponse pour les détails (je n'ai pas fait moi-même).
    InformationsquelleAutor moodboom
  2. 4

    Vous pouvez utiliser les Services de Travailleurs:

    https://developers.google.com/web/fundamentals/primers/service-workers/

    Un travailleur des services est un script de votre navigateur s'exécute en arrière-plan, distinct à partir d'une page web, ouvrir la porte à des fonctions qui n'ont pas besoin d'une page web ou d'interaction de l'utilisateur. Aujourd'hui, ils ont déjà incluent des fonctionnalités telles que les notifications push de fond et de la synchronisation. Dans l'avenir, les travailleurs des services peut soutenir d'autres choses comme la synchronisation périodique ou geofencing.

    Pour être précis, les applications peuvent enregistrer un travailleur des services comme suit:

    if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      //Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      //registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

    Une fois que l'agent du service de l'enregistrement est réussi, toute la logique de l'application mis en œuvre dans sw.js exécutera en arrière-plan, même si l'onglet application est désactivée.

    • SW grille, mais pas parfait, c'est surtout limitée à la notification push, les événements de réseau et la mise en cache des choses. Ce n'est pas bon à rester en vie et va forcer la fermeture de l'après 10min ou alors, si les choses sont en l'empêchant d'aller au ralenti. Il n'ont aucun contrôle plus de jouer de la musique, de la géo de surveillance ou p2p choses 🙁
    InformationsquelleAutor Omer Gurarslan