javascript - 为全屏网络应用程序使用 Apple 元标记

标签 javascript ios web-applications safari mobile-safari

我正在尝试使用

<meta name="apple-mobile-web-app-capable" content="yes">

标签让 iOS Safari 显示没有浏览器内容的页面;至少,这就是我认为它应该为我做的。 (Apple documentation 没有详细介绍。)

到目前为止,我无法让它做任何事情。 Here is a JSBin example.有或没有 <meta>标签,该页面出现在 iPod Touch 和 iPad 2 上,浏览器内容位于顶部(小屏幕底部)。

为了影响浏览器,是否还需要发生其他事情?或者我对它应该如何工作的期望是不正确的? (请注意,通过 weinre,我检查了“windows.navigator.standalone”标志,它似乎是 false。)

最佳答案

只有当用户将指向您的应用的链接添加到他们的主屏幕时,这才会执行您想要的操作。

浏览器内情况的一种常见方法是添加对 window.scroll(0,1) 的调用,这将使浏览器内容脱离屏幕顶部。 (没有办法清除底部的东西。)

此外,您可能需要一个标签来表示您不想缩放:

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, maximum-scale=1, minimum-scale=1" />

关于javascript - 为全屏网络应用程序使用 Apple 元标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12734481/

相关文章:

javascript - 从 a4j 调用 javascript :jsFunction in richfaces 3. 3.3

javascript - knockout 可观察值 : Manually apply extenders

ios - 合并 NSDictionaries - NSUnknownKeyException

java - 如何从 JSP 页面返回到 index.html(登录页面)?

java - 验证 Spring Web 应用程序配置的最佳实践

javascript - Angular 2 npm link 静态解析符号值时遇到错误。调用函数 'makeDecorator'

javascript - 日期列中的 Kendo 网格格式时间问题

ios - 当新条目出现时,如何从右到左为标签内的文本设置动画?

ios - Cordova 从文档问题加载资源(WKwebview)

java - 速度找不到资源