Browser-Zoomstufe bei Seitenwechsel zurücksetzen

Question

Ich habe eine mobile Website, die Seiten mit Ajax lädt. Eine der Funktionen, die ich gerne hinzufügen würde, ist das Zurücksetzen der Zoomstufe, wenn sich eine Seite ändert.

Gibt es eine gute Methode, um zu erkennen, ob ein Benutzer die Ansicht während der Anzeige einer Seite gezoomt hat?

Bis jetzt habe ich es geschafft, den Pinch-Zoom zu überprüfen. Aber manchmal gibt es auch Double-Tap-Zooming

Answer 1

Sie können die Zoomstufe des Benutzers ermitteln, indem Sie die innerWidth mit der Dokumentbreite vergleichen. Die Dokumentbreite ist die Breite des Geräts in Pixeln, die innere Breite sind die Pixel, die beim Zoomen auf dem Bildschirm zu sehen sind (im Verhältnis zur ursprünglichen Dokumentbreite). Ich habe dies auf Android (ICS und Jellybean) und iOS (5 und 6) getestet und es scheint zu funktionieren. Beachten Sie, ich habe nicht mein Ansichtsfenster auf Gerätebreite oder -höhe eingestellt

  ratio = document.width / window.innerWidth

  if ratio > 1 then zommed else notZoomed

Dann können Sie diese Prüfung jedes Mal durchführen, wenn ein Benutzer einen Doppeltipp oder eine Berührung ausführt.

Answer 2

Sie können den Inhalt des [meta name="viewport"]-Tags mit Javascript einstellen, um die Zoomstufe festzulegen. Leider habe ich keine Möglichkeit gefunden, die aktuelle Zoomstufe zu ermitteln.