Question

我需要jQuery Plugin将页面缩放到最大3级，小3级。

选定的缩放应存储在Cookie /某处，即使用户刷新页面，也会以相同的缩放尺寸显示。
网站也有PopUp，所以我的弹出页面也可以使用它。
它应该适用于所有浏览器，如Firefox，Chrome，IE8，Safari，Mac Safari。
它应该与其他设备一起使用，如IPAD，IPHONE，Android手机，Windows Mobile。

我很想解决这个问题，任何人都建议一个好的jQuery插件/任何其他库来解决这个问题。

Answer 1

我刚试过Zoomooz.js。使用FF和IE8对我来说很好。

Answer 2

以下是如何使用jQuery进行页面缩放的示例：

 window.onload = function() {
 var currFFZoom = 1;
 var currIEZoom = 100;

 $('#In').on('click',function(){
     if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox
         var step = 0.02;
         currFFZoom += step; 
         $('body').css('MozTransform','scale(' + currFFZoom + ')');
     } else {
         var step = 2;
         currIEZoom += step;
         $('body').css('zoom', ' ' + currIEZoom + '%');
     }
 });

 $('#Out').on('click',function(){
     if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox
         var step = 0.02;
         currFFZoom -= step;                 
         $('body').css('MozTransform','scale(' + currFFZoom + ')');

     } else {
         var step = 2;
         currIEZoom -= step;
         $('body').css('zoom', ' ' + currIEZoom + '%');
     }
 });};


 <input type="button" id="Out" alt="Zoom Out"/>
 <input type="button" id="In" alt="Zoom In"/>

注意：我没有在很多浏览器中测试过这个。

缩放jQuery插件以缩放页面

2 个答案: