Question

我想将浏览器的（IE / FF）页面缩放控件（菜单：查看/缩放/缩放In_Zoom输出）分配给两个大的“（+）”（ - ）“网页上的图标，以便视力受损的访客可以方便地使用这些控件。

很多搜索合适的脚本都空了，所以我在这里。

你知道的任何代码都会这么做吗？

一切顺利......

鲍勃

Answer 1

您应该能够使用JavaScript将CSS3 Transform属性设置为scale内容。这不会与Web浏览器缩放功能相关联。

Answer 2

据我所知，根本无法完成。正如在SO上的其他地方所讨论的那样，可以使用许多技巧检测浏览器的缩放级别。没有办法从纯JavaScript中设置它们。

可能在Firefox扩展程序中。

相关：

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，但还没有检查过。

请注意：我的字体大小已经是20px，所以Arial Narrow在这个尺寸上非常清晰。我没有阻止用户更改字体大小。我没有压倒它。我只是改变一种字体。不要将此脚本用于恶意。别傻了。可访问性很重要。

使用javascript访问浏览器的页面缩放控件

3 个答案: