现在的位置: 首页 > 综合 > 正文

禁用UIWebView中双击和手势缩放页面

2013年02月20日 ⁄ 综合 ⁄ 共 848字 ⁄ 字号 评论关闭

在iOS中使用UIWebView做项目,现在要求:

  • 禁用双击和手势缩放页面
  • 其他触摸和手势依然可用,比如点击链接,比如两个手指上下滚屏等

尝试了多种办法:

  • 通过objc来解决问题,比如继承UIWebView,覆盖UIWebView的hitTest方法,可以做到禁用一切触摸相关操作,但这不符合要求,另外,Apple在reference UIWebView部分不赞成继承UIWebView,UIWebView内部封装了私有的View,因此它的触摸事件处理机制和UIView的一些做法有很大区别,不能照搬。另外因为这一机制,即使通过手势api捕获到事件并处理,据说也不能禁止UIWebView中的事件处理;
  • 通过safari mobile提供的javascript来实现,可参见这里,safari mobile没有dbclick这样的事件处理支持,因此不能通过监听dbclick来处理,dbclick即double
    tap被定义为放大缩小。如果一定要监听出double tap,需要自己来实现,原理是做一个队列,用个定时器来清除队列中的touch事件,当touchEnd时发现队列中还有touch事件,说明是double tap,也有现成的实现,见这里(jQuery插件)。另外,也可以利用高级的gesture事件处理部分识别手势识别缩放手势,不过这些动静都比较大,有关这部分将另外写文档介绍;
  • 通过html头部meta标签,这是本文中项目的最终解决办法。

最终解决方案仅为一个html标签:

<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no" />

有关属性的解释,可以参见这里:http://learnthemobileweb.com/2009/07/mobile-meta-tags/,该链接还说明了其他可能有用的移动设备meta标签。

 

抱歉!评论已关闭.