Tag: Safari

以编程方式专注于移动Safari上的下一个input字段

行中有几个input字段,就像填字游戏答案行一样: 每个广场都有自己的input栏。 其中的原因是有时候一个正方形可以预先填充。 现在,在桌面浏览器中,只要input了字符,光标就跳转到下一个input字段。 这真的很好使用像这样的东西: $(this).next('input').focus(); 但移动Safari(我们在iOS上testing)的问题是,我不知道如何以编程方式自动“跳转”到下一个input字段。 用户可以通过“下一步”button来做到这一点,但有没有办法自动做到这一点? 我知道focus()触发器对ios有一些限制,但是我也看到了一些使用合​​成点击的解决方法。

HTML5video标记在Safari,iPhone和iPad中不起作用

我试图创build一个html5的网页,其中有一个像13s小video,我把这个video的Flash版本转换为3格式:.ogv使用fireFogg,.webm使用firefogg也和.mp4使用HandBrake应用程序的HTML脚本我在我的页面中使用: <video width="800" height="640" loop preload="false" autoplay controls tabindex="0"> <source src="xmasvideo/video.mp4" type="video/mp4" /> <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" /> <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" /> </video> 该video在Chrome和FireFox中运行良好,但在桌面Safari或iPhone或iPad上均不工作,输出只是一个空白页面,显示video标签的控件,但没有加载 请注意,我已经支持HTML5video的Safari版本

Safari不会设置Cookie,但是IE / FF可以

我在safari上发现了一个奇怪的cookie问题。 如果你浏览http://2much.ch,你可以用FF / IE进入,并在网站上冲浪。 但是,如果您使用Safari浏览器,则只能input一次; 你不能在网站上冲浪。 我发现Safari不会设置input的cookie,但是FF / IE会。 这里有什么问题?

IFRAME和iPad上的Safari,用户如何滚动内容?

根据苹果iOS的口头禅,应该可以通过用两根手指来拖动IFRAME的内容。 不幸的是,在iPad上运行iOS的最新版本,我还没有find一个网站的IFRAME滚动使用这种方法 – 没有滚动条出现。 有谁知道如何用户应该滚动移动Safari的IFRAME的内容?

onClick不适用于手机(touch)

好吧,我试图做的是当用户点击一个列表项时滑下div。 问题是我使用Selectric https://github.com/lcdsantos/jQuery-Selectric将select框转换为无序列表。 所以当用户点击一个输出源列表项时,我想要一个div滑落。 在移动Safari(iOS7)上,select框UI与标准select框UI相同。 关于onClick移动设备的最佳做法是什么? 基本的jquery: $(window).load(function() { $('.List li').click(function() { $('.Div').slideDown('500'); }); }); 你可以在这里看到一个可行的例子(侧栏高级search) 谢谢。

必需的属性在Safari浏览器中不起作用

我已经尝试了下面的代码,使所需的领域通知所需的领域,但其不工作在Safari浏览器。 码: <form action="" method="POST"> <input required />Your name: <br /> <input type="submit" /> </form> 以上代码在Firefox中工作。 http://jsfiddle.net/X8UXQ/179/ 你能让我知道的JavaScript代码或任何workarround? 在javascript中是新的 谢谢

如何在移动Safari浏览器中正确显示iFrame

我试图在我的移动Web应用程序中显示一个iframe,但我无法将iframe的大小限制在iPhone屏幕的大小。 iframe元素的高度和宽度属性似乎没有效果,奇怪。 用div围着它来限制它,但是我无法在iframe中滚动。 有没有人在移动Safari浏览器中处理内嵌框架? 任何想法从哪里开始?

CSS background-size:用于移动Safari的封面replace

您好我有我的网页上有几个div有我想要扩大覆盖整个股利,这反过来可以扩大,以填补视口的宽度的背景图像。 很明显, background-size: cover在iOS设备上的行为意外。 我已经看到了一些如何解决这个问题的例子,但是我不能让他们在我的情况下工作。 理想情况下,我宁愿不添加额外的<img>标签的HTML,但如果这是唯一的方法,那么我会的。 这是我的HTML: <body> <div id="section1" class="section"> … </div> <div id="section2" class="section"> … </div> <div id="section3" class="section"> … </div> </body> 而CSS: .section { margin: 0 auto; position: relative; padding: 0 0 320px 0; width: 100%; } #section1 { background: url(…) 50% 0 no-repeat fixed; background-size: cover; } #section2 { background: url(…) […]

在Safari中设置跨域Cookie

Evernote的小书签能够做到这一点,因此即使赏金会以非生产性的方式进行,最高的答案也不会回答这个问题。 我必须从B.com域调用域名A.com(它用cookie设置cookie)。 我所做的域名B.com是(JavaScript): var head = document.getElementsByTagName("head")[0]; var script = document.createElement("script"); script.src = "A.com/setCookie?cache=1231213123"; head.appendChild(script); 这会在我testing的每个浏览器上设置A.com上的Cookie,但Safari除外。 令人惊讶的是,即使没有P3P头文件,也可以在IE6中使用。 有没有什么办法可以使这个工作在Safari?

从Safari启动应用程序或应用程序商店?

我已经知道如何从Safari浏览器启动应用程序,但可以在启动之前检查应用程序是否已安装? 我想要启动应用程序商店,如果该应用程序目前没有安装在iPhone上。