Questions tagged «mobile-safari»

是否可以使电话号码在HTML中可点击，以便用户单击该电话号码时被呼叫？

78 android  html  iphone  webkit  mobile-safari 

我正在使用此功能将URL复制到剪贴板： function CopyUrl($this){ var querySelector = $this.next().attr("id"); var emailLink = document.querySelector("#"+querySelector); var range = document.createRange(); range.selectNode(emailLink); window.getSelection().addRange(range); try { // Now that we've selected the anchor text, execute the copy command var successful = document.execCommand('copy', false, null); var msg = successful ? 'successful' : 'unsuccessful'; if(true){ $this.addClass("copied").html("Copied"); } } catch(err) …

76 javascript  ios  copy  mobile-safari  clipboard 

iOS 5中的Mobile Safari的Reader功能如何工作？如何在我的网站上启用它。如何告诉我页面上的哪些内容是触发此功能的文章？

75 ios5  safari  mobile-safari 

人们如何在移动设备上调试网站？ 我希望能够像在桌面浏览器中使用Inspector一样操作HTML和CSS，并调试JavaScript。

75 debugging  mobile  mobile-safari  remote-debugging  web-inspector 

我们的网站在移动Safari上呈现的字体大小不一致-据我们所知，只有移动Safari。这非常困扰我们。 我们使用Firebug分析了该网站，发现错误的区域继承了正确的样式，但是字体仍然以错误的大小呈现。 1）访问http://www.panabee.com。 2）搜索域名。 左侧的框显示不正确的字体大小。字体大小应与右侧的字体大小（框标题和框副本）匹配。例如，标题“ Variations”和“ Twitter”比标题“ Alternate Endings”大得多。 有什么线索吗？

75 iphone  css  layout  mobile  mobile-safari 

我正在编写一个可在iOS上离线使用的网络应用。我已经创建了一个清单，将其用作text/cache-manifest，并且在Safari中运行时通常可以正常运行。 如果我将其添加为应用程序到主屏幕，然后打开飞行模式，则根本无法打开该应用程序-我收到错误消息，并且提示您关闭该应用程序。（我认为这是离线应用程序的全部目的！） 首次在线加载应用程序时，我在日志中看到它正在请求清单中列出的每个页面。 如果我关闭飞行模式并加载应用程序，则可以看到它请求的第一个文件是我的main.html文件（这两个文件都在清单中列出并具有manifest=...属性）。然后，它请求清单和我的所有其他文件，全部获得200个文件（在此加载期间第二次请求的文件获得304个文件）。 当我在Chrome中加载该页面并单击时，日志显示它试图到达服务器上的唯一内容是“ /favicon.ico”（这是404，并且我认为iOS Safari不会尝试加载，无论如何）。清单中列出的所有文件都是有效的，可以无错误地提供。 Chrome检查器会在“ APPLICATION CACHE”下列出我希望列出的所有已缓存文件。整个文件集约为50 KB，远低于我发现的离线资源限制。 这是否应该起作用，即我是否应该能够仅使用HTML / CSS / JS创建离线iOS应用？我应该去哪里弄清楚为什么它不能离线工作呢？ （相关但对我来说听起来不太一样，因为它是关于Safari而不是独立的应用程序：“无法使Web应用程序在iPod上脱机工作”）

74 html  ios  ios4  mobile-safari  offline 

我想在ipad上的Safari上测试我的网站。我只有一台电脑。我可以通过移动Chrome浏览器进行ADB等远程调试吗？我在StackOverflow上搜索，似乎有一个Adobe Edge Inspect CC，但我不知道这是否是一个不错的选择。 谢谢！

72 ios  ipad  debugging  mobile-safari 

我试图弄清楚我可以使用哪些Javascript API来实现对回到iOS2的Mobile Safari的支持。我在任何地方都找不到一个列表，该列表显示每个新版本的iOS附带哪些版本的Mobile Safari。我正在寻找可以追溯到iOS2的完整列表。 谢谢！ [编辑：是的，我知道并且喜欢功能检测。但是，我有一组需要支持的目标浏览器，我只需要验证我提供的后备功能可以覆盖我的目标受众，并且不需要提供其他麻烦的后备功能。]

72 javascript  ios  webkit  mobile-safari 

我有一个应用程序，我想根据用户的导航位置将其重定向到不同的页面。 如果从Web剪辑导航，请不要重定向。如果从移动Safari浏览，请重定向到safari.aspx。如果从其他任何地方导航，请重定向到unavailable.aspx 我能够使用iPhone WebApp，是否可以检测其加载方式？主屏幕还是Safari？确定用户是否正在从Web剪辑导航，但是我无法确定用户是否从iPhone或iPod上的移动Safari浏览。 这是我所拥有的： if (window.navigator.standalone) { // user navigated from web clip, don't redirect } else if (/*logic for mobile Safari*/) { //user navigated from mobile Safari, redirect to safari page window.location = "safari.aspx"; } else { //user navigated from some other browser, redirect to unavailable page window.location …

71 javascript  iphone  mobile-safari  web-clips 

我创建了一个Web应用程序并将其添加到我的iPhone主屏幕中。当我切换回另一个应用程序时，iPhone会自动重新加载我的Web应用程序。这破坏了我的应用程序流程。 如何防止iPhone重新加载应用程序？ 我启用了启用apple-mobile-web-app-app的meta标签以隐藏Safari工具栏，但我不想将其关闭。

70 iphone  ios  mobile-safari  iphone-standalone-web-app 

是否可以在Mobile Safari中相对于视口定位固定的元素？正如许多人所指出的那样，这position: fixed是行不通的，但是Gmail只是提供了几乎是我想要的解决方案-在邮件视图中查看浮动菜单栏。 在JavaScript中获取实时滚动事件也是一种合理的解决方案。

68 javascript  iphone  css  mobile-safari 

我一直在开发网站，并从相当不错的jQuery Sticky Kit插件中受益。通过在适当的时候在position属性之间fixed来回切换来进行操作。在桌面上运行非常流畅，在移动设备上也可以接受。 或至少它曾经如此。iOS 9具有新的行为：如果position元素的元素从static/ relative/absolute变为fixed滚动动画进行中，则元素将不可见，直到滚动停止为止。奇怪的是，执行相反的更改（从fixed其他更改）没有问题。 一个有效的示例可以在插件的主页上找到。黑色导航栏（“示例参考”）应该是粘性的。最初它static位于页面中间。向下滚动时，它变成fixed和（在iOS 9中）消失，直到滚动停止。在桌面浏览器和iOS 8中的行为是正确的。 我有点希望采用典型的CSS解决方法：强制进行3D转换，禁用背面可见性等，使专有属性晦涩难懂，但是似乎没有任何效果。 既然它正在起作用，我们是否会完全忘记“可粘”元素？

68 ios  css  css-position  mobile-safari  ios9 

当您单击（触摸）iOS的Safari（或chrome或firefox）中的链接时，您会在链接后面看到一个灰色背景（仅在按住该链接时）。有没有办法使用CSS删除此功能？ 请参见下面的示例图片：

68 ios  css  mobile-safari  mobile-chrome 

我正在开发一个单页Web应用程序，该应用程序通常会在移动设备上使用。它的功能之一是地图模式，它会临时接管整个浏览器窗口。距离比例尺和一些控件连接到地图的四个角。这是地图的一些屏幕截图，因此您可以知道我在说什么： 该图是作为一个<div>与position: fixed所有四个坐标为零; 我还将在地图可见时临时将设置为<body>，overflow: hidden以处理基础应用程序显示远离原点滚动的情况。这足以使地图完全按照我在桌面浏览器上的方式工作。移动浏览器还要求我给meta视口标签加上类似的东西"width=device-width,user-scalable=no"，以使窗口的可见区域与视口完全对应。 几年前，当我最初编写此应用程序时，所有这些方法的运行都很漂亮，但是iOS Safari沿途停止了任何涉及缩放的元视口选项-显然有太多站点在错误地使用了标签，导致文本小得难以理解，但不可缩放。当前，如果在此浏览器上启用地图，则可能会获得稍微放大的视图，该视图会切断右侧和底部的那些按钮-您对此无能为力，因为所有触摸都被解释为地图的缩放/平移手势，而不是浏览器滚动。没有通过这些按钮访问的功能，地图就不是非常有用-没有右上角的按钮，您甚至无法关闭地图。唯一的方法是重新加载页面，这可能会导致未保存的数据丢失。 我肯定会添加history.pushState/ 的使用，onpopstate以便地图覆盖的行为就像单独的页面一样。您可以使用浏览器的“后退”按钮退出地图模式-但这不能解决由于缺少按钮而导致的其他功能损失。 我已经考虑过使用.requestFullscreen()来实现地图叠加层，但是并非所有地方都支持该应用程序可用。特别是，它显然根本无法在iPhone上使用，在iPad上，您会看到一个状态栏和一个巨大的“ X”按钮，该按钮覆盖您的内容-我的距离刻度可能不再可读。无论如何，这并不是我真正想要的语义-我需要整个窗口，而不是整个屏幕。 如何在现代浏览器上显示全窗口显示？我可以在该主题上找到的所有信息都涉及使用meta视口标记，但是正如我提到的那样，它不再起作用。

10 html  css  mobile-safari  fullscreen