Auslösung browser Zoom-in und Zoom-out-Funktionen

Ist es möglich, trigger-Browser zoom-in und zoom-out-Funktion durch JavaScript?

Möchte ich hinzufügen, Zoom-In(+) und verkleinern ( -) - Tasten auf meiner Webseite und durch klicken auf die Schaltfläche aufrufen möchten, browser zoom-in (kann aufgerufen werden, durch drücken von Strg und +) /verkleinern (Strg und -) Funktion.

Ich entfernte die javascript-events tag, als diese Frage nicht eine Veranstaltung Aspekt.
mögliche Duplikate von Ändern der browser-zoom-Stufe
Ich war in der Lage, etwas zu schreiben, das funktioniert für den IE, Chrome und FF: stackoverflow.com/questions/4386760/calling-keyevent-from-mouse/...
Überprüfen Sie, mein workaround für dieses Problem an: stackoverflow.com/questions/1055336/...

InformationsquelleAutor user160820 | 2010-12-27

  1. 10

    Ich glaube nicht, es ist eine Standard-basierte Art und Weise, dies zu tun. Bestimmte Browser bieten möglicherweise eigene API zu tun, aber ich bin zweifelhaft.

    Davon abgesehen habe ich erreicht diesen Effekt in der Vergangenheit durch einige CSS-Tricks. Im wesentlichen in der CSS definieren jede Messung (Breite, Höhe, margin, padding, font-size, etc.) in em statt px. Dies stellt im wesentlichen die Größe der alles abhängig von der Standard-Schriftgröße des Dokuments. Dann vergrößern Sie die schriftart ändern-Größe den body-tag um Dinge zu machen, die kleiner oder größer ist. Wenn Sie dies tun, sorgfältig die Wirkung wird gleich Aussehen, wie wenn der Benutzer gezoomt über den eigenen browser.

    Leben leichter machen, wenn Sie diese verwende ich gerne ein CSS-reset stylesheet, setzt 1em um 10px. So, wenn Sie wollen, ein div zu sein 200px breit ist Sie einfach zu 20em. Sie können dies erreichen, indem die Text-schriftart,-Größe zu 62,5% in der CSS-reset stylesheet. Da die meisten Browser haben eine Standard-Schriftgröße von 16px und daher 1em=16px, 10px 62,5%.

    Ich hoffe, das hilft, es ist eine Menge Arbeit, das richtige zu tun, aber mit em statt px hat mir geholfen, unzählige Möglichkeiten bei der Arbeit mit HTML und CSS.

    Für die Aufzeichnung, in modernen Browsern, kann dies auch einfacher zu implementieren, mit rem (root em) anstelle von em. Siehe snook.ca/archives/html_and_css/font-Größe-rem

    InformationsquelleAutor macinjosh

  2. 7

    Glaube das wurde schon beantwortet mit

    window.parent.document.body.style.zoom = 1.5;

    "Zoom" ein browser-Fenster/- Ansicht mit JavaScript?

    +1 für die schnelle und einfache Antwort. Beachten Sie, dass dieser Zustand nicht gespeichert werden, wie es wird, wenn Sie gezoomt mit dem browser, jedoch. Die Entwickler sollten dann speichern Sie die zoom-Zustand in einer session-variable und es wiedergeben Körper.onLoad(), zum Beispiel.
    funktioniert alles, aber mit firefox: caniuse.com/#search=zoom

    InformationsquelleAutor Gajit

  3. 0

    Ich glaube nicht, dass Sie können. Im IE konnte man simulieren mit der zoom CSS-Eigenschaft, aber das ist non-standard und so Unterstützung außerhalb der IE variieren.

    InformationsquelleAutor T.J. Crowder

Schreibe einen Kommentar