Tag: 移动Safari浏览器

无法通过https播放iPad <audio>

我正试图在iPad Safari上播放HTML5。 以下是我的代码; var audio = document.createElement('audio'); audio.type = "audio/mpeg"; audio.src = audioUrl; x.appendChild(audio); audio.load(); audio.play(); 现在我的audio文件通过https调用，由于某些原因，它不能通过https播放audio…我的意思是，如果我尝试手动播放HTTP文件上的MP3文件，它播放他们罚款.. 我该如何解决这个问题？

iPhone / iOS 6 /移动Safari：有没有办法检测“浏览器全屏”模式？ Android的兼容性？

我想知道如何检测用户是否使用Safari的“全屏function”。 我不是说如果是从跳板开始的，我的意思是iOS 6中添加的function。 实际上，在这个代码发布的地方也有类似的问题： $(window).on('resize', function(){ if ($(this).height() > 300 && (window.orientation == 90 || window.orientation == -90)) { // Full screen! } else { // Exit full screen! } }); 但问题在于，当方向改变时也会触发。 此外，我不确定是否使用硬编码值是一个好主意，特别是“300”？ 有没有更好的方式来检测“浏览器全屏”模式？ 编辑：好，所以我只是检查：当更改iPhone的方向， onorientationchange 和 resize事件触发。 将Safari更改为全屏也会触发resize – 所以我可以将我的函数挂接到该事件。 但是，Android设备又如何触发resize呢？ 还是最好简单地绑定函数到onorientationchange 并 resize ？

iOS Safariselect多个选项进行单一select

我正在使用这个“空optgroup ”解决方法让iOS以可读的方式显示带有长文本的option元素。 我正在使用下面的代码来testing这个解决scheme： <p>Choose something:</p> <select> <option>Option A</option> <option>Some other option which is much longer than the first two options that has a distinguising feature at the end: B!</option> <option>Some other option which is much longer than the first two options that has a distinguising feature at the end: C!</option> <option>Option D</option> <option>Option E</option> <option>Option […]

哪个浏览器有这个奇怪的用户代理？ （IOS设备）

我最近注意到，约有17％的用户使用iOS设备浏览器与奇怪的用户代理。 这个用户代理像Safari用户代理那样稍作修改：它不包含"Safari/XXXX"string。 例： Safari的正常用户代理： Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25 我说的浏览器的用户代理： Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d 有人可以解释我，怎么可能？ 哪个浏览器有这个奇怪的用户代理？

当手指离开屏幕时，iOS滚动事件不经常发生

我写了一个高效的视差脚本，在手机上非常stream畅。 但是，如果我用手指在屏幕上滚动，这只是光滑的。 当用手指在屏幕上滚动时，视差平滑。 但是第二个我拿掉手指，让惯性接pipe，开始滞后。 但只有当惯性接pipe时。 我想在惯性滚动期间是否经常发生某种滚动事件。 它似乎不是脚本造成的滞后，这是更多的事实，滚动事件或任何滚动事件我已经尝试不惯在惯性滚动期间触发。 我通过测量从一个滚动事件到另一个滚动事件的时间量来testing这个定理。 结果是当计算和应用视差时，滚动事件的发生频率不会降低。 从本质上讲，我要求的是一个事件，在惯性滚动期间，就像在手指在屏幕上拖动时一样多次触发。 提前致谢。

在iOS上的Safari上的<select>元素上消除箭头和样式

我发现当我devise元素（特别是background: transparent ）时，iOS上的Safari中缺less箭头。 有没有人经历过这个，或知道为什么它隐藏浏览器铬？ 我是否可以使用条件语句来为iOS上的Safari应用CSS（无JS）？ 该设备正在运行iOS 6.1.2。 这里是在iOS（iPad2）的Safari的屏幕截图： 这里是Safari的屏幕截图（桌面，Windows 7，所有其他桌面浏览器相同）： CSS： select.choose_state, select.choose_state option { background: transparent; } select.choose_state { border: 1px solid #000; -webkit-appearance: none; -webkit-border-radius: 0px; outline: none; float: right; position: relative; top: 35px; margin-right: 15px; font-size: 1.4em; } HTML： <select name="state_select" id="state_select" class="choose_state" size="1">[…]</select>

on Safari浏览器不显示确认信息

我有这部分的代码适用于除Safari 10.*以外的所有浏览器Safari 10.* （iOS和OSX） 问题在于Safari会触发beforeunload event但不会显示在确认消息中 function goodbye(e) { console.log("goodbye"); en = false; e = e || window.event; e.cancelBubble = true; e.returnValue = msg; if (!en) { e.preventDefault(); if(e.stopPropagation) e.stopPropagation(); return e.returnValue; } } jQuery(window).bind("beforeunload", goodbye); 再见消息从控制台显示，所以在Safari上触发事件，但不显示确认消息（也试图return confirm(msg);而不是return e.returnValue; ）。 花了很多的时间，并在这里看到了很多的问题，但没有人似乎有一个工作的解决scheme。 编辑 这里发生了一些奇怪的事情。 如果我加载页面并刷新一次，则显示消息，如果我离开页面，单击“离开”button并在同一个窗口选项卡上重新刷新它，消息不会出现。

在iOS中显示纹理的3D模型

我一直在使用软件生成罗马考古文物的纹理3D模型（请参阅地图界面模型 – 点击模型图标 ）。 软件（ 3DSom Pro ）使用Flash或Java通过浏览器显示模型。 我需要一个用于浏览iOS的非Flash / Java解决scheme，但是WebGL仅在Safari的夜间版本（或者我知道 – 对于广告而言）中受到支持，这排除了普通用户。 有没有人成功地在iOS上的Web浏览器中显示带纹理的3D模型？ 我知道页面（我认为）支持原生SketchUp文件和iOS设备可以显示3D，但在浏览器…？

iOS Webkit忽略媒体查询

我正在使用移动优先开发方法在一个网站（ villa-antonia ）上工作。 也就是说，我的CSS首先是移动的，然后添加/覆盖样式与媒体查询更高的分辨率。 事实是，在iPhone中，背景图像加载在所有东西之上，尽pipe在媒体查询中有更高的分辨率。 这是CSS文件（我认为涉及的部分）的一部分： body { background: #c70000; overflow: auto; -webkit-overflow-scrolling: touch; } /* Minimum width of 960 pixels. */ @media only screen and (min-width: 960px) { body { background: transparent url('images/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } } 在我的CSS的理解，iPhone甚至不应该加载bg.jpg图像，因为是在媒体查询。 但是，当我向下滚动时，这就是我所得到的： 你看到的车是bg.jpg的一部分，我向下滚动显示在屏幕上的bg.jpg越多。 我真的不知道为什么加载图像…任何想法？ PS：在iPad和iPhone 4（以及可以在iOS模拟器上testing的所有其他设备）中也是如此。

如何在Safari中redirect到ios设置在ios9中使用javascript

我想知道如何redirect到Safari的iOS设置。 我在一个网站上看到了这个：我在Safari中打开了这个网站，并且有一个button，当我点击这个button时，它可以redirect到iOS设置。 我认为这可以通过JavaScript来实现。 有谁知道如何做到这一点？ 注意：我正在使用iOS9。