Tag: Safari

iPad的Web应用程序：检测虚拟键盘在Safari中使用JavaScript？: 我正在为iPad编写一个Web应用程序（不是常规的App Store应用程序 – 它是使用HTML，CSS和JavaScript编写的）。由于键盘填满了屏幕的一大部分，所以在显示键盘时改变应用的布局以适应剩余空间是有意义的。但是，我发现没有办法检测键盘显示的时间或是否显示。我的第一个想法是假设当文本字段有焦点时键盘是可见的。但是，当外接键盘连接到iPad时，当文本字段获得焦点时，虚拟键盘不会显示。在我的实验中，键盘也没有影响任何DOM元素的高度或滚动高度，并且我没有find专有的事件或属性来指示键盘是否可见。

如何删除input文本元素上的边框突出显示: 当一个html元素被“聚焦”（当前被选中/选中）时，许多浏览器（至lessSafari和Chrome）将在其周围放置一个蓝色边框。对于我正在进行的布局，这是分散注意力，看起来不正确。 <input type="text" name="user" class="middle" id="user" tabindex="1" /> FireFox似乎不这样做，或者至less，会让我控制它 border: x; 如果有人能告诉我IE是如何执行的，我会好奇的。但让Safari删除这一点耀斑将是很好的。谢谢

以编程方式在选项卡上打开新页面: 我试图“强制”Safari或IE7 使用新标签打开新页面。我编程的意思是这样的： window.open('page.html','newtaborsomething');

Safari的第三方cookie iframe技巧不再有效？: 所以这是“我如何获得第三方cookie在Safari上工作”的第十八次复仇，但我再次提出要求，因为我认为游戏领域已经发生了变化，也许在2012年2月之后。获得第三名的标准技巧之一在Safari浏览器中的第三方cookies如下所示：使用一些JavaScript来发布到隐藏的iframe。它（用来）诱使Safari认为用户与第三方内容进行了交互，然后允许设置cookie。我认为这个漏洞已经在轻微的丑闻之后closures了，因为这个丑闻揭露了Google在广告中使用这个伎俩。至less在使用这个技巧时，我已经完全无法在Safari中设置cookie了。我发掘了一些随机的networkingpost，声称苹果正在堵塞这个漏洞，但是我还没有发现任何官方的说法。作为一个后备，我甚至试图重新devise主要的第三方框架，所以你必须点击一个button，才能加载内容，但即使这样的直接交互水平也不足以融化Safari的冷酷心脏。那么有没有人知道Safari是否真的closures了这个漏洞？如果是这样，是否还有其他解决方法（除了在每个请求中手动包含会话ID）？

如何禁用移动Safari中的电话号码链接？: iPhone上的Safari会自动创build显示在电话号码上的数字string的链接。我正在写一个包含IP地址的网页，而Safari正在把它变成一个电话号码链接。是否可以禁用整个页面或页面上的元素的这种行为？

是否有可能在beforeunloadpopup窗口中显示自定义消息？: 当使用window.onbeforeunload （或$(window).on("beforeonload") ）时，是否可以在该popup窗口中显示自定义消息？也许是在主stream浏览器上运行的一个小窍门？通过查看现有的答案，我觉得这是可能的，在过去使用诸如confirm或alert或event.returnValue ，但现在看来，他们不工作了。那么，如何在beforeunloadpopup窗口中显示自定义消息？这是甚至可能吗？

如何检查一个应用程序是从iPhone上的网页安装？: 我想要创build一个web页面，如果iPhone没有安装应用程序，将把iPhoneredirect到应用程序商店，但是如果iPhone安装了应用程序，我希望它打开应用程序。我已经在iPhone应用程序中实现了一个自定义url，所以我有一个类似于以下内容的应用程序的url： myapp:// 如果此url无效，我希望网页redirect到app store。这可能吗？如果我没有在手机上安装应用程序，并在safari中写入myapp：// url，我所得到的只是一条错误消息。即使有JavaScript的丑陋黑客我真的想知道？

有没有一个CSS的黑客Safari浏览器只有不铬？: 即时通讯试图find一个只是Safari浏览器的CSS黑客不铬，我知道这些都是WebKit浏览器，但即时通讯与铬和Safari浏览器的divalignment问题，每个显示不同。我一直在试图使用这个，但它也影响铬， @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; } } 有没有人知道另一个将只适用于safari？

Flexbox不处理button或字段集元素: 我试图用flexbox的justify-content: center标记<button> -tag的内部元素。但是Safari不会将它们居中。我可以将相同的样式应用于任何其他标签，并按预期工作（请参阅<p> -tag）。只有button是左alignment的。尝试Firefox或Chrome，你可以看到不同之处。是否有任何用户代理风格，我必须覆盖？或者解决这个问题的其他方法？ div { display: flex; flex-direction: column; width: 100%; } button, p { display: flex; flex-direction: row; justify-content: center; } <div> <button> <span>Test</span> <span>Test</span> </button> <p> <span>Test</span> <span>Test</span> </p> </div> 和一个jsfiddle： http : //jsfiddle.net/z3sfwtn2/2/

我如何强制WebKit重绘/重绘传播样式更改？: 我有一些微不足道的JavaScript来改变风格： sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; 这与FF，Opera和IE的最新版本正常工作，但最新版本的Chrome和Safari失败。它影响到两个后代，这是兄弟姐妹。第一个兄弟更新，但第二个没有。第二个元素的子元素也具有焦点，并包含onclick属性中包含上述代码的<a>标记。在Chrome“开发工具”窗口中，如果我推动（例如取消选中并检查）任何元素的任何属性，则第二个兄弟更新为正确的样式。有没有一种解决方法可以轻松地以编程方式“推”WebKit做正确的事情？