Tag: mobile safari

如何在ios 7中检测移动safari浏览器?

在ios7上检测移动游猎的官方方法是什么? 例如: navigator.userAgent.match(/(iPod|iPhone|iPad)/) && navigator.userAgent.match(/AppleWebKit/) && navigator.userAgent.match(/OS 7/)

Iphone在点击时使div变暗

当你有一个带有点击处理程序的div时,当点击div时,iphone会将div变暗为点击指示符。 示例:在移动safari http://jsbin.com/awejo3/4上查看 我的问题是,如何关闭此行为? 这可能对大多数iphone用户有用,但在某些类型的富媒体应用程序中,这很糟糕。 谢谢。

有条件地阻止移动safari中的滚动/触摸移动事件

iOS 5现在允许本机溢出:滚动支持。 我想要做的是禁用touchmove事件除了具有’scrollable’类或其子元素的元素之外的所有内容。 但我似乎无法让它发挥作用; 这是我一直在下面工作的: .scrollable { height: 5em; overflow-y: scroll; -webkit-overflow-scrolling: touch; } // doesn’t seem to work var handleMove = function (e) { if (!$(e.target).parents().andSelf().hasClass(‘scrollable’)) { e.preventDefault(); } }; document.addEventListener(‘touchmove’, handleMove, true); don’t scroll if you drag here should be scrollable if you drag here and here and here and here and here […]

通过iOS 5 HTML5应用中的javascript事件播放声音

在新iPad的Mobile Safari iOS 5上开发HTML 5应用程序,在收到“发送”时显示用户提示。 为了引起用户的注意,当调用警报function时,我们会发出类似这样的声音: snd.src = snd.src; snd.play(); 不幸的是,Apple改变了播放声音的方法。 有谁知道iOS 5中是否有更新解决了这个问题? *经过大量研究并且已经意识到iOS 3中的旧“黑客”不再有效。

从以前的位置恢复webapp?

我有一个webapp,用于存储用户数据,因为如果他们在iPhone上的主屏应用模式下点击外部链接并让应用程序查看网页或类似内容。 当他们返回webapp时,将如何在同一位置恢复。 目前它没有相同的位置,它重定向到主页我希望它从以前的位置恢复.. 如何做到这一点,任何想法?

在iPad上设置日期输入的值

WEB APP不是原生的,没有Objective-C 这很简单,很疼。 完成使用iPad本机日期选择器。 然后使用jQuery设置初始值 $(‘input[type=”date”]’).val(‘Jun 25, 2012’); 导致空输入字段。 上面的jQuery在ie7-9,chrome,safari和FF中效果很好,但在iOS中却不行! 我没有想法。 有谁知道一个工作? 或者为什么会这样?

如何通过点击缩略图显示/隐藏大图像?

如何通过点击缩略图显示/隐藏大图像? 我需要这样的 在这里试试JSFiddle http://jsfiddle.net/jitendravyas/Qhdaz/ 是否可以只使用CSS。 如果没有那么jQuery解决方案就可以了。 使用即使它没有在相同或新选项卡中打开任何新页面也是一件好事。 编辑: 我忘了补充一下。 它也应该在iPad上运行

setTimeout不适用于safari mobile

我有一个function,当点击它时显示一个菜单,我希望它在5秒后消失。 这是我的javascript – 它可以在桌面浏览器上正常运行,但它不会在移动设备上消失。 $(function() { $(‘#prod_btn’).click(function() { $(this).addClass(‘selected’).next(‘ul’).css(‘display’, ‘block’); setTimeout(hideMenu, 5000); }); }); function hideMenu() { $(‘#prod_btn’).removeClass(‘selected’).next(‘ul’).css(‘display’, ‘none’); } 问题出在哪儿? 谢谢

使用jQuery Mobile加载时的白页

我们在www.tekiki.com上为移动HTML5应用程序使用jQuery Mobile 1.3.2。 (从iPhone上查看,或从桌面上查看www.tekiki.com/dandy/dandy。) 加载后,JQM会在加载屏幕和应用程序的第一页之间显示一个白页。 JQM中是否有设置来压制加载屏幕? 我们找到的最接近的是$.mobile.loading() ,但这仅适用于加载文本。 我们希望整个白屏消失,这意味着应用应该直接从加载屏幕转到第一页。

jquery mobile如何隐藏移动safari的地址栏?

jQuery mobile如何隐藏移动safari的地址栏? 我想我需要一个类似的解决方案,但我不想使用jQuery mobile … 我试过了: Hide the Address Bar within Mobile Web Applications 但这在我的情况下不起作用。 我身体的第一个孩子是一个绝对定位的div -webkit-overflow-scrolling: touch ; -webkit-overflow-scrolling属性似乎导致了这个问题,没有该属性它可以正常工作。 部分问题是地址栏始终保持在前台,即使我每手向下滚动页面。 这是绝对定位造成的。 但是,没有绝对定位,“-webkit-overflow-scrolling:touch;” 不起作用…… 在使用jquery-mobile代码的thousends进行了一场大战之后,我最终得到了这个;) 解 title body { background: #E0E0E0; margin: 0; padding: 0; } .page-wrapper { width: auto; } /* native overflow scrolling */ .mobile-touch-overflow { overflow: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: […]