使用JavaScript“缩放”浏览器窗口/视图？

我们可以按ctrl放大和缩小滚动。

但我想用jQuery或JavaScript来做到这一点。 有可能吗？

Answer 1

既然你已经在jquery中标记了（虽然在问题标题中只写了js）我会添加这个答案

您可以将以下css添加到网页以缩放浏览器窗口

body { -moz-transform: scale(0.8, 0.8); zoom: 0.8; zoom: 80%; } 

所以你的jquery就变成了

 $(document).ready(function(){ $('body').css('zoom','80%'); /* Webkit browsers */ $('body').css('zoom','0.8'); /* Other non-webkit browsers */ $('body').css('-moz-transform',scale(0.8, 0.8)); /* Moz-browsers */ }); 

不要担心任何跨浏览器，因为浏览器可以避免任何难以理解的css属性。

Answer 2

这是我使用CSS转换的解决方案：scale（）和JavaScript / jQuery。 这非常接近浏览器放大/缩小：

  
 
zoom in
 
zoom out
 
reset zoom
 
  

Answer 3

在IE中：

 alert(window.parent.document.body.style.zoom.toString()); 

并且您可以设置浏览器缩放

 window.parent.document.body.style.zoom = 1.5; 

Answer 4

结帐这个jsfiddle 。 您可以使用的东西，但它不是像浏览器放大缩小一样的确切function。

 $('#zoom-in').click(function() { updateZoom(0.1); }); $('#zoom-out').click(function() { updateZoom(-0.1); }); zoomLevel = 1; var updateZoom = function(zoom) { zoomLevel += zoom; $('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' }); }