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