ipad - 如何使用 JavaScript 设置移动版 Safari 的缩放级别？

Question

如何使用 JavaScript 设置移动版 Safari 的缩放级别？

Answer 1

[已更新] 您似乎想在移动版 Safari 中捕获双击。您可以通过处理 touchend 事件或使用可用的框架来做到这一点，例如 this site 中提供的框架。 .

查看修改后的演示:http://jsbin.com/atayo4/20

  <p id="tap">double tap to zoom</p>
  <input id="zoomWidth" type="text" value="400" />
  <p id="feedback"></p>

---

$(document).ready(function(){
  $('#tap').doubletap(
    // double tap handler
    function(e) {
      $('#feedback').addClass('red').html('double tap! Zoom width: ' + $('#zoomWidth').val());

      var zoomWidth = $('#zoomWidth').val();

      // zoom with the new width
      $('meta[name="viewport"]').attr('content', 'width=' + zoomWidth + ', user-scalable:no');

      $('#zoomWidth').val(parseInt(zoomWidth, 10) - 25);
    },

    // single tap handler
    function(e) {
      $('#feedback').removeClass('red').html('single tap! Zoom width: ' + $('#zoomWidth').val());
    },

    // double tap delay, default 500
    400
    );
});