Android Native Browser dupliziert HTML5 Canvas (gut in Chrom)

Dies ist ein seltsames Problem, das ich nur mit einem nativen Browser unter Samsung Galaxy Tab 2 und Galaxy S2 im nativen Browser habe.

Dies wurde auch auf anderen Android-Handys und -Tablets wie dem Nexus 7 und dem Galaxy S4 getestet, aber der native Browser ist chrom, sodass es in Ordnung zu sein scheint. Dieses Problem tritt auch nicht bei IOS-Browsern, Windows Desktop-Browsern oder Mac Desktop-Browsern auf.

Es ist fast so, als ob die Webseite zweimal auf sich selbst geladen würde!

Da es ein doppeltes Zeichenflächenelement gibt, wird dieses wie die Hauptzeichenfläche aktualisiert.

Hier scheint es, obwohl es nur passiert, wenn es im Querformat gedreht wird, aber ich glaube, dass im Hochformat die Leinwand 'perfekt über der Oberseite ausgerichtet ist.

Was noch seltsamer ist, ist die Menüschaltfläche, die Sie sehen, eine Umschaltfläche. Tippen Sie auf, um das Menü zu öffnen. Tippen Sie auf, um das Menü zu schließen. Wenn Sie auf dieses Gerät tippen, wird es sofort geöffnet und geschlossen. Gleiches gilt für die Stummschalttaste.

Ich bin völlig ratlos.

Ich habe einige Javascript-Debugging-Aktionen durchgeführt, bei denen hier und da einige Warnungen ausgegeben wurden, und die Initialisierungsfunktionen, die Verweise auf die Zeichenfläche usw. erstellen, werden nur einmal aufgerufen.

Ich habe gelesen und gehört, dass Hardwarebeschleunigung Probleme verursacht, aber Lösungen, die ich möglicherweise gefunden habe, beziehen sich nur auf das Erstellen nativer Apps! Nicht HTML5 Canvas Webseiten.

Jeder Einblick in diese könnte großartig sein! Danke im Voraus.

--BEARBEITEN

Ich habe auch diesen Test gemachtalert(document.getElementsByTagName('canvas').length); um zu sehen, ob es 2 Canvas im DOM gab, aber es gibt 1 zurück!

Antworten auf die Frage(4)

Ihre Antwort auf die Frage