Доступ к элементам управления масштабированием страницы браузера с помощью JavaScript

Question

Я хочу назначить браузеру (IE / FF) увеличение страницы управления (Меню: Просмотр / Увеличение / Увеличение / Уменьшение) двум большим "(+) (-) значки на веб-странице, чтобы посетители с нарушениями зрения могли удобно использовать эти элементы управления.

Многие поиски подходящего сценария закончились, поэтому я здесь.

Любой код, который вы знаете, который сделает это просто?

Всего наилучшего ...

Bob

Answer 1

Вы должны иметь возможность установить свойство CSS3 Transform, используя JavaScript для scale содержимого. Это не будет связано с функцией масштабирования веб-браузера.

Answer 2

Насколько я знаю, это вообще невозможно. Как уже обсуждалось в SO, можно обнаружить уровень масштабирования браузера, используя ряд приемов. Нет никакого способа установить их из простого JavaScript.

Может быть, в расширении Firefox.

Связанный:

• Поймать в браузере событие «масштабирования» в JavaScript
• Изменение уровня масштабирования браузера
• Как определить уровень масштабирования страницы во всех современных браузерах?

Answer 3

Вот как я делаю нечто подобное в jQuery:

Я сделал это вчера вечером и проверил на IE7, IE8, FF3.6, Safari 5, Chrome 10 и др.

У меня есть баннер, который переполняется, когда люди уменьшают масштаб в некоторых браузерах. Поэтому я проверяю ширину моего .nav. Если он оборачивается, он будет короче полной ширины.

   $(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','');
             }
        }
  });

Я использую jQuery 1.5, пролли работает на 1.3.2, но не проверял.

Обратите внимание: мой размер шрифта уже составляет 20 пикселей, поэтому Arial Narrow очень хорошо читается при таком размере. Я не мешаю пользователю изменять размер шрифта. Я не отменяю это. Я просто меняю шрифт. Не используйте этот скрипт для зла. Не будь глупым. Доступность важна.