问题标签 [iphone-standalone-web-app]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
13 回答
42641 浏览

safari - 在 iPhone 上隐藏 Safari 用户界面组件

试图隐藏书签为主屏幕图标的 Web 应用程序的 Safari UI 组件。我正在使用这个元标记

iPhone 开发中心所指定,但从主屏幕图标启动时地址栏和工具栏仍然存在。我需要做些什么不同的事情?有人有例子吗?

0 投票
4 回答
23975 浏览

iphone - iPhone 网络应用程序启动屏幕

我正在开发一个 iPhone 网络应用程序,我正在使用“apple-mobile-web-app-capable”元标记来获得“全屏模式”。当我启动该应用程序时,它会显示我上次加载时离开的页面的图片。看起来应用程序已准备好接收输入,但实际上并没有,这令人困惑。

是否可以更改默认行为并显示空白屏幕,直到准备好接收输入?

0 投票
1 回答
1116 浏览

iphone - 不能隐藏 Safari 用户界面组件

我是 iPhone 网络开发人员的新手。我从阅读 Safari Web 内容指南开始。然后我发现我们可以隐藏用户界面,例如 safari 的地址栏。于是,我就跟着导师走了。结果不是我所期望的。地址栏仍然显示。

我把这个元标记放在 html 文件中。

这是我的代码



期待您的回复,谢谢

0 投票
8 回答
16876 浏览

iphone - Webapp的iPhone推送通知?

是否可以为“桌面”上有图标的 Webapp 实现 iPhone 的推送通知服务?如果有怎么办?

0 投票
1 回答
1253 浏览

iphone - iPhone 配置实用程序 - 为 webapp 添加 webclip

我正在使用 Apple iPhone 配置实用程序来配置公司内部的手机。我想在主屏幕上添加一个我们开发的内部 Web 应用程序的图标。使用 Web Clip 部分,很容易将 webclip 添加到主屏幕,但是,我们有两个问题:

  • 网络剪辑不显示为页面定义的 png 图标(在元标记中)。
  • 该页面在 Safari 中加载,但不是“独立”(全屏)(同样,此属性在元标记中定义)。

请注意,直接从设备上的 Safari Mobile 将网络剪辑添加到主屏幕时不会遇到这些问题。

最好的

0 投票
1 回答
707 浏览

javascript - 如何检测是否从跳板打开了 safari 页面?

我看过一次,我再也找不到了:

如何通过 JavaScript 检测是否从 url 输入或跳板中的图标打开了 iphone webapp?

谢谢!

0 投票
3 回答
180 浏览

iphone - 编写一个网页以在 iphone 上查看

现在我已经看到大量在 iphone 上看起来很棒的网站,例如http://twitter.comhttp://deviantart.com但是我无法在我的移动网络中找到正确的结构应用程序使其显示为好像它是一个 iphone 应用程序。

我发现了 iphone jquery ( http://jqtouch.com ),它似乎是最有前途的 javascript 库,用于开发漂亮的效果以使一切看起来真实。但是,我仍然无法让网站填满 iphone safari 的屏幕。

我永远找不到任何足智多谋的网站来实际解释如何获得完全放大并填满屏幕的效果。

是否有任何库可以帮助开发适用于 iphone 等移动设备的网站。

0 投票
1 回答
2379 浏览

iphone - 如何在 jQTouch 应用程序中要求全屏模式?

我正在使用 jQTouch 开发针对 iphone 上的 safari 优化的网站版本。jQTouch 演示很有帮助地展示了如何为不使用全屏模式的用户显示“安装此”消息,并为使用全屏模式的用户隐藏它。在全屏模式下,主体应该具有“全屏”类。因此,您可以通过将此 css 规则添加到您的样式表中,为已经将您的应用程序添加到其主页的人隐藏“安装此”消息:

我想做的是要求用户仅在全屏模式下使用该应用程序。从常规浏览器查看时,他们应该只会看到一条消息,要求他们安装应用程序。该消息当然应该隐藏,否则。

这应该非常非常容易,所以我一定是遗漏了一些明显的东西。

我认为这样做的一种方法是简单地测试身体上的“全屏”类:如果它不存在,使用 goTo 到另一个 div,或隐藏其他 div,或类似的东西。

然而,奇怪的是,这不起作用。作为测试,我仍然得到原始的“信息”消息,就像在 jQTouch 演示中一样,当我以全屏模式启动时它没有显示。所以body必须有全屏类。但是我找不到它的任何其他痕迹:当我在文档加载后将此警报用于测试时,在全屏模式下启动时我什么也得不到:

我还认为我可以通过检查 fullScreen 布尔值来测试全屏模式。但这似乎也不起作用。我错过了什么?做这个的最好方式是什么?

0 投票
3 回答
15103 浏览

iphone - 在 iPhone 上将 webapp 安装到主屏幕?

如何让我的 web 应用程序作为图标安装在用户的主屏幕上?数据是否缓存在本地,以便用户在3G以外时可以运行webapp?

我做了一个快速的谷歌,但我的搜索词缺乏。我注意到 Google Buzz 允许我在本地安装,我想知道创建网络应用程序的过程是什么,以及它们是否得到特殊处理(完全缓存/离线运行)。

0 投票
11 回答
61353 浏览

safari - iPhone Safari 不会在纵向->横向->纵向上自动缩小

我有一个非常简单的 HTML 页面,其中包含 iPhone 的 META 标签:

使用 iPhone Safari,当页面以纵向模式加载时,它看起来很好并且宽度适合屏幕。当我将 iPhone 旋转到横向模式时,网页会自动调整大小以适应横向宽度。很好,这就是我想要的。

但是当我从横向旋转回来时,页面不会像以前那样调整大小以适应纵向宽度。它保持在横向宽度内。

我希望 iPhone 自动将其设置回正确的宽度,就像它为横向模式所做的那样。我认为这不应该涉及定向侦听器,因为这一切都是自动完成的,而且我没有针对不同模式的任何特殊样式。

为什么 iPhone 在纵向模式下不重新调整网页大小?我该如何解决?

更新

我设法让 iPhone 自动缩小尺寸,但奇怪的现象是只有在偶数旋转后才会这样做……非常非常奇怪。
我使用这个 META 标签:

这是我必须做的让它自动调整大小:
1. 在纵向加载时-> 看起来不错。
2. 旋转到横向 -> 调整大小以适应屏幕。
3. 旋转回纵向 -> 不调整大小。
4. 旋转到横向 -> 仍然是横向的大小。
5. 旋转至纵向 -> 缩小尺寸以适合纵向屏幕。

有人可以解释这种行为吗?
我仍然想知道如何解决这个问题并感谢任何帮助。

谢谢!
汤姆。