jquery - 缩放 jQuery 插件来缩放页面

Question

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

• 选定的缩放应存储在 Cookie / 某处以显示相同的选定缩放大小，即使用户刷新页面。
• 网站也有弹出窗口，所以我的弹出页面也应该使用它。
• 它应该适用于所有浏览器，如 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"/>

注意：我还没有在许多浏览器上测试过这个。