Tag: Safari

更改焦点表单元素时禁用滚动ipad web应用程序: 我有一个networking应用程序。我试图禁用/防止滚动发生在你关注不同的表单input时（即，当你通过表单中的input元素前进时发生的滚动）。我已经禁用了这个滚动： <script type="text/javascript"> $(document).ready(function() { document.ontouchmove = function(e){ e.preventDefault(); } }); </script> 添加更多的信息 – 我有一些“幻灯片”，我的网页组成。每个都是768×1024，他们是“堆叠”在页面上（即页面是768×3072 [1024 * 3 = 3072]），当你点击一个链接我使用scrollTo jquery插件滚动到下一个“幻灯片”和.focus()在input元素上。有谁知道如何做到这一点？

使用jQuery.browser区分Chrome和Safari: 看来， jQuery.browser能够很容易地从1.4版本识别webkit。但我怎么能用它来区分Chrome浏览器（反之亦然）？

从用户select的文本中返回HTML: 我有以下，非常简单的HTML页面： <html> <head> <script type="text/javascript"> function alertSelection() { var selection = window.getSelection(); var txt = selection.toString(); alert(txt); } </script> </head> <body> This is <span style="background-color:black;color:white">the</span> text. <div style="background-color:green;width:30px;height:30px;margin:30px" onmouseover="alertSelection()"> </body> </html> 当我select整个第一行并将鼠标hover在广场上时，我收到了“这是文本”的提示。我该如何解决这个问题，以便span消息标记或其他选定的HTML不会从警报消息中删除？编辑：我正在寻找如何从window.getSelection()获取完整的HTML。警报对话框就是我试图validation代码的方式。我只关心在Safari中的这个工作。

Safari / Chrome（Webkit） – 无法隐藏iframe垂直滚动条: 我在www.example.com上有一个iframe指向support.example.com（这是一个到外地的CNAME）。我自动调整我的iframe的高度，以便框架不需要任何滚动条来显示所包含的网页。在火狐浏览器和IE浏览器这个伟大的作品，没有滚动条，因为我使用<iframe … scrolling="no"></iframe> 。但是，在webkit浏览器（Safari和Chrome）上，即使在没有滚动条的情况下页面有足够的空间（滚动条变灰），垂直滚动条仍然存在。如何隐藏Webkit浏览器的滚动条？

以编程方式在iOS设备上的input字段中select文本（移动Safari）: 如何以编程方式selectiOS设备上input字段的文本，例如运行移动Safari的iPhone，iPad？通常，在<input … />元素上调用.select()函数就足够了，但这在这些设备上不起作用。光标停留在现有条目的末尾，不做任何select。

扫描信用卡选项在iOS8 Safari上何时可用？: 所以Safari提供一些信用卡forms的iOS8上的扫描信用卡function。我的问题是，Safari如何确定何时提供此选项？到目前为止，我发现这个选项在Amazon和PayPal上是可用的，但是我的信用卡input表单都没有能够重现这种行为。

closuresiPhone / Safariinput元素舍入: 我的网站在iPhone / Safari浏览器上渲染效果很好，但有一个例外：我的文本input框有一个奇怪的圆形样式，与我的其他网站看起来不太一样。有没有办法指示Safari（通过CSS或元数据）不舍入input字段，并按预期呈现矩形？

如何在移动设备上debugging网站？: 人们如何在移动设备上debugging网站？我想能够操纵HTML和CSS类似于在桌面浏览器中使用Inspector，并debuggingJavaScript。

在Safari中禁用弹性滚动: 我只是想在Safari（OSX Lion）中使用弹性滚动/弹跳效果。我发现解决scheme设置overflow: hidden在CSS中的身体，但如预期，它只是禁用滚动条，所以如果网站比屏幕“更长，你将无法滚动！任何解决scheme或提示，欢迎！谢谢！

iOS 7 iPad Safari风景innerHeight / outerHeight布局问题: 我们发现iOS 7中Safari浏览器的高度为100％的web应用程序出现问题。window.innerHeight（672px）与window.outerHeight（692px）不匹配，但只能在横向模式下显示。结果发生的是，在身体高度为100％的应用程序中，您将获得20px的额外空间。这意味着，当用户在我们的应用程序上滑动时，导航元素被拉到浏览器的后面。这也意味着在屏幕底部的任何绝对定位的元素最终都是20px。这个问题也在这个问题在这里概述： IOS 7 – CSS – HTML高度 – 100％= 692px 而在这个暧昧截图中可以看出：我们试图做的是绕过这个，所以，直到苹果修复这个错误，我们不必担心它。这样做的一个方法是绝对定位在iOS 7的身体，但这几乎把额外的20px在页面的顶部，而不是底部： body { position: absolute; bottom: 0; height: 672px !important; } 任何帮助强迫outerHeight匹配innerHeight，或黑客周围，使我们的用户不能看到这个问题将不胜感激。