de Acceso a la navegación con javascript

Question

que desea asignar (IE/FF) zoom de página los controles del navegador (Menú: Ver/Zoom/Zoom In_Zoom Out) a dos grandes "(+) (-)" íconos en la página web para que los visitantes con problemas de visión puedan usar estos controles de manera conveniente.

Mucha búsqueda de un guión adecuado resultó vacía, así que aquí estoy.

¿Algún código que conozcas que hará esto simplemente?

Todo lo mejor ...

Bob

Answer 1

no se puede hacer nada por lo que yo sé. Como se ha discutido en otro lugar en SO, es posible detectar el nivel de zoom del navegador utilizando una serie de trucos. No hay forma de establecer de JavaScript plano.

Quizás en una extensión de Firefox.

relacionadas:

• Catch browser’s “zoom” event in JavaScript
• Changing the browser zoom level
• How to detect page zoom level in all modern browsers?

Answer 2

Usted debe ser capaz de establecer la propiedad CSS3 Transform utilizando JavaScript para scale contenido. Sin embargo, esto no estará relacionado con la funcionalidad de zoom del navegador web.

Answer 3

Esta es la forma en que hago algo similar en jQuery:

Lo hice anoche y probado en IE7, IE8, FF3.6, Safari 5, Chrome 10, y más.

Tengo un banner que se desborda cuando las personas alejan algunos navegadores. Así que compruebo el ancho de mi .nav. Si se envuelve, será más corto que su ancho completo.

$(function() { 

     //launch doZoomCheck on load 
     doZoomCheck(); 

     $(window).resize(function() { 
      // .resize ALSO fires when people change the zoom of their browser. 
      doZoomCheck(); 
     }); 

     function doZoomCheck() { 
       var width = $(".nav ul").width(); 
       // if the width of the banner isn't near 976 is prolly overflowing 
       if (width > 976) { 
        // change to narrow font so menu doesn't wrap funny 
        $(".nav ul li a, #footer .frankmed").css("font-family", "Arial Narrow"); 
       } 
       // if width is back to normal change the font back 
       if (width < 976) { 
       // remove special styles when zoomed back out 
      $(".nav ul li a").attr('style',''); 
      } 
     } 
    }); 

Estoy usando jQuery 1.5, prolly funciona de nuevo en 1.3.2 pero no lo he marcado.

Tenga en cuenta: Mi tamaño de fuente es 20px ya que Arial Narrow es muy legible en ese tamaño. No impido que el usuario cambie el tamaño de la fuente. No lo estoy anulando. Solo estoy cambiando una fuente. No use este script para el mal. No seas estúpido La accesibilidad es importante.