Tag: mobile safari

YouTube API不能在iOS（iPhone / iPad）上工作，但在桌面浏览器中正常工作？: 我在简单的一个网页上使用YouTube API。我能够播放video，并且我所有的YouTubefunction都可以在桌面浏览器中成功运行（IE7除外 – 也许这个问题将在您帮助我回答这个问题中解决），但似乎并不奏效完全可以在iOS（iPhone和iPad）上使用.YouTube播放器根本不会显示，并且在iOS中完全没有YouTubefunction的提示。以下是我的代码实现。如果有任何问题的信息我没有提供，这将有助于这个问题，请让我知道。我想在解决这个问题时尽可能简单地开始，然后在必要时提供更多的信息。 /*========================================================================== YOUTUBE ========================================================================== */ var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var YTready = false, playerIdList = [], ytPlayers = {}; // When YouTube API is ready, switch YTready to true and run the queue of videos should any exist // […]

iOS 9上的Safari不会在隐藏的input文件上触发点击事件: 我有一个网站上传字段，但input隐藏display: none; 我有一个调用这个动作的div 。它在iOS 8上工作，但是现在在iOS 9更新之后，当我在div中触摸时，没有任何反应。我尝试使用[0].click() .click [0].click()或纯的VanillaJS像document.getElementById('file_input').click()并没有什么作品。所有这些方法都可以在iOS 5和iOS 8之间使用。如果你想要，在JSFiddle上链接到这个例子： https ://jsfiddle.net/o1r265tz/6/embedded/result/ $(document).ready(function(){ $(document).on('click touchstart', '.upload-box', function(e){ e.stopPropagation(); $('.form-upload input.file-input').trigger('click'); $('.debug').append('<p>Clicked!</p>'); console.log('Clicked!'); return false; }); }); .upload-box { border: 3px solid #999; padding: 10px; text-align: center; border-radius: 5px; font-size: 35pt; font-family: Arial; color: #555; } .form-upload { display: none; } <script […]

iOS Safari 8input溢出滚动: 我在移动Safari 8.1版本中遇到了一个问题。这似乎是在手机上的所有版本的Safari 8的错误。当你在input文本中input文本时，文本比input本身更长，光标在input时会一直向右移动 – 这是正确的。问题在于，如果您select并尝试向左移动到隐藏的文本，则无法滚动。同样，如果在input外部select，则不能向右滚动以查看隐藏的文本。你唯一的select是全选和删除。任何解决这个问题的方法？我已经上传了不同inputtypes的示例页面，所有这些行为都存在。小提琴： http : //jsfiddle.net/b7kmxaL6/ （访问移动Safari） <form action=""> <fieldset> <input type="text" class="text"> <input type="email" class="email"> <input type="password" class="password"> </fieldset> </form>

新的iOS 7.1 minimal-ui视口设置中是否存在错误？: iOS 7.1中的新“最小UI”设置对于景观网站来说非常有用。我的networking应用程序使用全屏，绝对定位div的内容，给它一个应用程序般的感觉。但Safari浏览器似乎只增加了底部URL栏的高度。我已经在不同的iPhone上尝试过，相同的结果… 以下是加载页面后的样子：这是一个错误，或者我做错了或失踪？点击举例（在iPhone上使用iOS> = 7.1查看）

我可以在移动Safari浏览器中更改视口元标记吗？: 我有一个为移动Safaribuild立的ajax应用程序，需要显示不同types的内容。我需要用户可扩展= 1的其他内容我需要用户可扩展= 0的一些内容。有没有办法更新这个dynamic而不刷新页面？ <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

如何计算Web应用程序的移动Safari中可视区域的高度（即窗口高度减去地址和书签栏）？: 在移动Safari上计算多less可用空间的正确方法是什么？通过查看区域，我们指的是Web应用程序实际可用的屏幕数量，即窗口高度减去地址和书签栏。 iOS 7防止隐藏地址栏，我们需要适当考虑视口的高度。

iOS：禁用反弹滚动，但允许正常滚动: 当用户点击页面边缘时，我不希望网站内容晃动。我只是想让它停下来。我到处看到的全方位的javascript解决scheme是这样的： $(document).bind( 'touchmove', function(e) { e.preventDefault(); } ); 但是这可以防止完全滚动。有没有办法来消除反弹。最好用CSS或一个元标签而不是JS，但任何有效的工作将会做。

防止整页滚动iOS: 在移动Safari浏览器下，是否可以允许一个绝对定位的div滚动，而不允许整个页面上下滚动，当滚动到达边缘（弹性滚动）？这是我正面临的问题的一个最小工作示例： <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <style> * { margin: 0; padding: 0; box-sizing: border-box; } #a, #b { position: absolute; top: 0; left: 0; height: 100%; padding: 10px; overflow: auto; } #a { width: 80px; background: #f00; } #b { background: […]

ipad和iphone safari上的div的单/子像素不alignment: 我有以下的情况，我需要一些帮助… 两个div，大小相同，位置相同，一个在另一个之上一切在桌面浏览器上按预期工作在iphone / ipad上，div边框周围出现一条淡淡的线条这条微弱的线不总是在四个边界上。它根据divs的位置而变化。它看起来是由于两个div不正确排队的结果，但根据他们的风格设置，它们具有相同的大小和位置。你可以在这里看到结果： http : //www.thoughtartistry.com 有任何想法吗？

CSS风格的滚动条支持iOS 6上的Safari移动消失了？: 我有一个问题，可能是因为苹果，我无法find有关它的信息。昨天，我用webkit css属性（-webkit-scrollbar，-webkit-scrollbar-track，-webkit-scrollbar-thumb）剥皮了一个网站的滚动条，所以它在iPad上很好地显示。一切都很好看，滚动与本机的行为。突然，今天早上，更新我的iPad到iOS6后，我的自定义滚动条消失。这对我来说是一个很大的失望，当然在苹果的开发者网站上没有关于这方面的信息。任何人都经历过同样的问题？你能证实这个问题吗？是一些新的规格来或苹果只是停止支持这？