Ich schreibe ein Browserspiel mit HTML, CSS und JavaScript, geschrieben in Perl. Gesundheit und Ausdauer werden auf dem Server gespeichert und ich verwende JavaScript, um dem Benutzer eine aktualisierte Live-Zählung dieser Statistiken anzuzeigen, wenn die aktuelle Seite geladen wird. Diese Funktion funktioniert gut, aber wenn der Benutzer zwischen Tabs oder einer anderen App wechselt und den Browser im Hintergrund laufen lässt, wird der Zählwert, der bei der Rückkehr angezeigt wird, nicht richtig angezeigt. Wenn Sie also zum Browser zurückkehren, zeigt Ihr Zähler möglicherweise eine Ausdauer von 50/100 an, obwohl Ihre Ausdauer tatsächlich 100/100 beträgt. Wenn Sie also etwas im Spiel tun (eine neue Seite laden), aktualisiert der Server den Zähler auf einen echten Wert, da das JavaScript nur das Timing vorgibt, um dem Benutzer eine „Live“-Bildlaufansicht im Browser anzuzeigen.

Gibt es eine Möglichkeit sicherzustellen, dass JavaScript-Zähler auch dann noch funktionieren, wenn die Seite/der Tab inaktiv ist oder sich nicht im Vordergrund befindet? Ich möchte mein Spiel nicht komplett neu schreiben, um dem Benutzer im Browser einen kontinuierlichen Stream von Live-Server-Push-Inhalten anzuzeigen?

Angenommen, Sie spielen ein Spiel. Sie werden sehen, wie Ihre Gesundheit und Ausdauer zurückkehren. Sie wechseln für eine Minute zu einem anderen Programm und kehren dann im Browser zum Spiel zurück. Sie werden feststellen, dass Ihre Gesundheit und Ausdauer während Ihrer Abwesenheit nicht aktualisiert werden. Wenn Sie jedoch eine Aktion im Spiel ausführen, wird der Wert auf den erforderlichen Wert aktualisiert, da er intern auf dem Server verfolgt wird. Das ist das Problem, das ich lösen möchte. Hoffe das macht es klar!

Ich habe nichts anderes versucht, um dieses Problem zu lösen, als online zu suchen und letztendlich auf dieser Website keine einzige wirklich „gute“ Antwort zu finden, also habe ich beschlossen, nachzufragen.