Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
访问浏览器';使用javascript的s页面缩放控件_Javascript_Browser - Fatal编程技术网

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

访问浏览器';使用javascript的s页面缩放控件,javascript,browser,Javascript,Browser,我想将浏览器的(IE/FF)页面缩放控件(菜单:查看/缩放/放大/缩小)分配给网页上的两个大“+)(”图标,以便视力受损的访问者可以方便地使用这些控件 很多寻找合适剧本的工作都白费了,所以我来了 您知道有哪种代码可以简单地做到这一点 祝你一切顺利 就我所知,鲍勃根本做不到。正如其他地方所讨论的那样,可以使用一些技巧来检测浏览器的缩放级别。无法从普通JavaScript设置它们 也许在Firefox扩展中 相关的: 您应该能够使用JavaScript将CSS3Transform属性设置为s

我想将浏览器的(IE/FF)页面缩放控件(菜单:查看/缩放/放大/缩小)分配给网页上的两个大“+)(”图标,以便视力受损的访问者可以方便地使用这些控件

很多寻找合适剧本的工作都白费了,所以我来了

您知道有哪种代码可以简单地做到这一点

祝你一切顺利


就我所知,鲍勃根本做不到。正如其他地方所讨论的那样,可以使用一些技巧来检测浏览器的缩放级别。无法从普通JavaScript设置它们

也许在Firefox扩展中

相关的:


您应该能够使用JavaScript将CSS3
Transform
属性设置为
scale
内容。不过,这与web浏览器的缩放功能无关。

这就是我在jQuery中执行类似操作的方式:

我昨晚做了一个测试,测试了IE7、IE8、FF3.6、Safari 5、Chrome 10等等

我有一个横幅,当人们缩小某些浏览器时会溢出。所以我检查我的导航的宽度。如果它包裹,它将比它的全宽短

   $(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','');
             }
        }
  });
$(函数(){
//加载时启动doZoomCheck
doZoomCheck();
$(窗口)。调整大小(函数(){
//.resize在用户更改浏览器缩放时也会触发。
doZoomCheck();
});
函数doZoomCheck(){
变量宽度=$(“.nav ul”).width();
//如果横幅的宽度不接近976,则可能会溢出
如果(宽度>976){
//更改为窄字体,使菜单不会换行
$(“.nav ul li a,#footer.frankmed”).css(“字体系列”,“Arial狭窄”);
}
//如果宽度恢复正常,请更改字体
如果(宽度<976){
//缩小时删除特殊样式
美元(“.nav ul li a”).attr(‘风格’,”);
}
}
});
我使用的是jQuery1.5,prolly可以回到1.3.2,但还没有检查


请注意:我的字体大小已经是20px了,所以Arial窄字体在这个大小下非常清晰。我不会阻止用户更改字体大小。我不是在推翻它。我只是在换一种字体。不要将此脚本用于邪恶。别傻了。可访问性很重要。

例如,您可以设置
-webkit transform:scale(1.25)(在webkit浏览器上;其他浏览器中的等效代码)放大25%。