Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.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 如何确保页面缩放级别为100%_Javascript - Fatal编程技术网

Javascript 如何确保页面缩放级别为100%

Javascript 如何确保页面缩放级别为100%,javascript,Javascript,我想确认用户没有缩放我的web应用程序上的页面。因此,我想提醒(在chrome中)用户,如果他/她缩放页面,并保持提醒,直到用户缩放回100% 这是我尝试过但没有成功的代码。即使我们缩小到100%,它也会不断发出警报 注意:在全屏模式下,我们得到0.99088541666666作为缩放级别,在退出模式下,我们得到1作为chrome的100%放大 let zoom; addEventListener(“调整大小”,函数(){ zoom=window.outerWidth/window.docum

我想确认用户没有缩放我的web应用程序上的页面。因此,我想提醒(在chrome中)用户,如果他/她缩放页面,并保持提醒,直到用户缩放回100%

这是我尝试过但没有成功的代码。即使我们缩小到100%,它也会不断发出警报

注意:在全屏模式下,我们得到
0.99088541666666
作为缩放级别,在退出模式下,我们得到
1
作为chrome的100%放大

let zoom;
addEventListener(“调整大小”,函数(){
zoom=window.outerWidth/window.document.documentElement.clientWidth;//检测页面缩放
//控制台日志(缩放);
而(!(缩放0.99)){
警报('请不要缩放页面以继续…');
zoom=window.outerWidth/window.document.documentElement.clientWidth;
控制台日志(缩放);
}

});尽管这不是一个良好的可访问性实践,但是,我已经创建了一个解决方案。 但首先,您的函数不会100%保持警报,因为条件不正确。事实上,它是这样做的,因为这个条件总是返回true,因此是一个无限循环。因此,即使用户可以缩小,它也会继续循环。此外,您还应该给用户一些时间进行缩小。 也就是说,您应该编写一个
if条件
,该条件设置一个
间隔
,在该间隔中,该间隔会提醒用户,直到用户缩小/缩小到100%

let zoom;
让通知间隔;
设尝试=0;
函数notifyUser(){
警报('请不要缩放页面以继续…');
}
addEventListener(“调整大小”,函数(){
zoom=window.outerWidth/window.document.documentElement.clientWidth;//检测页面缩放
//控制台日志(缩放);
如果(!(缩放0.99)){
尝试++;
zoom=window.outerWidth/window.document.documentElement.clientWidth;
如果(尝试==1){
警报('请不要缩放页面以继续…');
notificationInterval=setInterval(notifyUser,3000)
}
}
否则{
控制台日志(“固定缩放”);
clearInterval(通知间隔);
尝试=0;
}
});

您为什么想要这个?例如,对于视力受损的人来说,这似乎非常不友好。虽然我没有答案,但不允许用户缩放页面对访问性非常不利。为什么???非常糟糕的用户体验。也许他们不会每次都使用这个限制。如果他们想在屏幕截图之前使用此功能,并且不想浪费额外的纸张,或者想确保屏幕应安装一定尺寸的纸张,或者只安装在一个[我的]特定页面上,该怎么办?“这对视力受损的人似乎很不友好”你怎么知道jonrsharpe我的用户视力受损?