1

我一直在使用 HTML 和 JavaScript 开发基于浏览器的点击游戏。我已经设法抑制导致移动浏览器在 iOS 和 Android 中缩放、滚动和执行各种其他技巧的默认行为。

然而,对于 Windows Phone,双击仍然会导致它尝试放大。在测试中,它会放大然后恢复到正常大小,但这足以阻止游戏元素,即尽可能快地单击。

我在 HTML 中有以下内容:

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">

我在 JavaScript 中也有以下内容:

window.addEventListener('touchstart', function(e) {
    clickarea.trigger('click'); // this is what tracks the number of clicks / touches
    e.preventDefault();
}, false);

window.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, false);

window.addEventListener('touchend', function(e) {
    e.preventDefault();
}, false);

Windows Phone 是否有我遗漏的任何其他事件或者我的代码中是否存在错误?

4

4 回答 4

0

Windows 手机使用微软专有的触摸事件而不是标准的,你需要添加条件代码来监听它们。

适应你的 webkit 优化站点为互联网浏览器 10

于 2013-03-08T19:33:54.677 回答
0

您可以使用鼠标按下或 MSPointer 事件更改触摸启动事件,如下面的链接所述:http: //blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-为互联网优化的站点-explorer-10.aspx#step4

于 2013-04-14T12:45:05.593 回答
0

我看到了一个错误

meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0"

最后一个用户可缩放的值是错误的。下一个字符串应该可以工作:

meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"

于 2014-01-18T16:38:05.607 回答
0

Windows Phone 中的 webbbrowser 控件仍然允许缩放和滚动,因为这是在实际浏览器组件“上方”的控件上完成的。

这可以在 C# 中禁用(此外,您可能可以检测右/左与上/下滚动手势并单独抑制它们)

有关完整描述,请参阅此博客条目: http ://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser -控制/

彼得

答案复制自: 电话:WebBrowser 禁用平移/缩放 wp7?

于 2013-06-10T07:24:15.647 回答