Tag: mobile safari

在iOS 9 Safari上打开Bootstrap模式时，屏幕会放大

当我在iOS9 Safari上打开Bootstrap 3模式时，屏幕会放大。它在iPhone上的Chrome应用程序上按预期工作。 下面是显示问题的图片。 Safari截图： Chrome屏幕截图（预期行为）：

（移动）浏览器中针对CSS3硬件GPU加速优化基于SVG的精灵表

在过去的一周里，我一直在帮助朋友在浏览器中使用基于SVG的精灵表单进行实验。 我们想要提出一个理想的工作stream程 ，在浏览器中准备，发布和运行高质量的animationgraphics。 所以最好有一个animation数据源，可用于小型智能手机屏幕，平板电脑，视网膜显示器和桌面浏览器。 从理论上讲，基于vector的SVG应该是理想的，但是由于SVG通常不被使用，所以我们决定对它进行testing。 这个想法不是使用SMIL SVG（所以没有基于SVG的animation），而是创build一个animation精灵表（像通常的光栅数据PNG / JPG一样），但是用纯vector即SVG来做。 它有点大，但是如果这样做的话 – 甚至可以更好地进行工作。 加上逐帧的vectoranimation可以为我们的工作stream程做很多事情 – 它可以让我们使用Flash编辑器来做animation，然后将它们导出到SVG精灵表。 无论如何， 结果出人意料的好，但也在一些地区失败（请注意，为了testing目的，我们只使用基于Webkit的浏览器，例如Safari，Chrome，iOS上的移动Safari和Android ICS）。 在CSS中，像这样触发一个精灵表的硬件加速是非常容易的（至less在具有关键帧和步骤的现代浏览器中） – 你只需要这样做： background-image: url(my.svg); -webkit-animation: walk 1s steps(12, end) infinite; 调用此处显示的基于关键帧的animation： @-webkit-keyframes walk { from { -webkit-transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); } } 在iOS移动版Safari和Android ICS浏览器中，translate3d的使用应该让GPU能够使用硬件加速。 令人惊讶的是，考虑到这是一种蛮力技术和相当大的vectoranimation（600x600px的testing） – 整个事情飞行。 但它并不完美 – […]

有移动Safari浏览器使用onbeforeunload的替代方法吗？

在移动Safari浏览器中是否有另一种方法来代替onbeforeunload？ 我注意到Google能够捕获移动Safari浏览器中的onbeforeunload事件。 有没有人知道他们是如何做的？ 谷歌能够使用他们的Gmail客户端。 创build一条新消息…在文本区域input内容…点击浏览器后退button。 它popup一个警告消息。 我用iPad做我的testing。

如何防止尝试打开未安装的原生应用程序的iOS Safari浏览器警报？

我一直在寻找一种方法来从浏览器中打开一个本地的iOS应用程序。 我在这里find了一个不错的解决scheme： 是否可以为YouTube和Google地图等iPhone应用程序注册基于http +域名的URL Scheme？ 这个解决scheme在安装应用程序时效果很好。 但是当用户没有安装这个应用程序 – Safari浏览器会popup一个错误消息，指出“Safari无法打开该页面，因为地址无效”。 有没有办法来防止这种行为，而是提示用户下载应用程序？

iPad的Safari手机似乎忽略了HTML5video元素的Z-indexing位置

我在Safari浏览器的移动设备和桌面设备上都能看到一个video元素。 我有一个seme-transparent下拉菜单，工作正常。 问题是，当菜单是在video元素上，在桌面Safari浏览器，我可以看到菜单（根据需要）下的video，而在移动版本的video元素留在前台（丑陋），无论我告诉css。 有没有解决办法？

iOS 6 Web Audio API没有声音

我很高兴看到iOS 6支持Web Audio API，因为我们制作了HTML5游戏。 但是，我无法让iOS 6使用Web Audio API播放任何声音，并且可以在桌面版Chrome中正常工作。 这里是一个带有触摸控件的HTML5游戏，并通过Web Audio API播放audio（如果存在的话，如果不存在的话，它将回落到HTML5audio）： http://www.scirra.com/labs/sbios6b/ 编辑：@Srikumarbuild议一些解决方法。 我在下面的版本中应用了它们。 它仍然不起作用！ http://www.scirra.com/labs/sbios6f/ 在桌面版Chrome上一切都很顺利，但iOS 6完全没有声音。 我在debugging时遇到了麻烦，因为我只进行Windows开发，iOS 6用远程Web检查器取代了debugging模式，这显然在Safari的Windows上不可用。 使用一些警报，我发现它正确地识别Web Audio API，使用它，检测到没有Vorbis支持，所以退回到AACaudio，解码缓冲区，然后播放它，并没有错误抛出，但我什么都没听到。 而且，当然，我试着把音量调高到最大:) 不应该有编解码器问题，因为iOS 6可以播放AAC就好 – 您可以浏览到.m4a的其中一个游戏，并直接从Safari浏览器中直接播放。 在iOS 6上查看Web Audio API示例： http ： //chromium.googlecode.com/svn/trunk/samples/audio/samples.html – 其中一些工作，而另一些则不工作。 例如， Chromeaudio可视化工具 ，但Javascript无人机不。 iOS 6上的Web Audio与桌面版Chrome之间必须存在一些细微的不兼容性。 我错过了什么？

强制一个WebView链接启动Safari？

我在我的iPhone应用程序中embedded了一个UIWebView。 我想能够在该webview中的某些链接打开到完整的移动Safari浏览器应用程序（即不是我的embedded式版本）。 有没有一种简单的方法来构build我的一些hrefs来强制这个，而不是我的embedded式webview中的每个链接打开？ 谢谢。

在iOS 8.0.0 GM Safari上通过HTTP上传文件失败

更新： 确认：这已在iOS 8.0.2更新中修复。 使用PUT / POST通过HTTP上传文件似乎卡在iOS 8 GM build上移动Safari的发送请求头上 。 我在这里有一个例子 ： 打开桌面上的HTTP监视器，并通过它路由你的iOS 8设备 login 添加一个文件 点击上传 它卡在初始化（这是发送请求头） 甚至在http://m.facebook.com上也是如此 – 尝试添加照片到您的状态，并失败。 这只发生在请求包含文件时。 无论文件input中有多个启用/禁用，这都是可重复的。 上传在iOS 8上的Chrome上运行良好。 有没有其他人也体验过这一点？ 有没有办法通过HTTP在iOS 8 Safari上成功发送文件？

删除在ios safari中点击的链接上的灰色背景

当您点击（触摸）iOS版Safari中的链接时，链接后面会出现灰色背景（仅当您持有该链接时）。 有没有办法使用CSS删除iOS Safari的这个function？ 请看下面的示例图片：

如何在一个媒体查询中定位iPhone 3GS和iPhone 4？

我正在尝试为iPad / iPhone和较旧的iPhone执行备用布局。 我已经确定最好的方法是使用CSS3规范中的@media 。 因此，这些是我的媒体在一分钟的疑问： @media screen and (max-width: 1000px) { … } 以上是针对小型桌面和笔记本电脑的屏幕 @media screen and (max-width: 700px) { … } 以上是iPad和非常小的台式机/笔记本电脑屏幕。 @media screen and (max-device-width: 480px) { … } 以上是针对iPhone 3GS和移动设备的一般情况。 然而，带有史蒂夫·乔布斯（Steve Jobs）所有全能歌舞表演的“视网膜”显示屏的新款iPhone 4意味着它的像素比例为2-1，这意味着浏览器实际上出现了1像素为2×2像素的分辨率（960×640）触发iPad布局，而不是移动设备布局），所以这需要另外的媒体查询（目前只支持webkit）： @media screen and (-webkit-min-device-pixel-ratio: 2) { … } 现在，事情是…我想我的shiny的新的iPhone 4布局合并与iPhone 3GS和移动设备布局，因为他们将有完全相同的内部CSS代码， 因此提出我的问题; 如何创build@media规则，将iPhone 4，3GS和其他手机指向相同的样式？