标签: iphone-standalone-web-app

当我使用时<meta name="apple-mobile-web-app-capable" content="yes">,我的页面不会设置,加载或检索cookie.有没有办法解决这个问题？我在谷歌找不到任何有用的东西.

我有一个在iOS上运行的全屏网络应用程序.当我向下滑动时,屏幕会滚动橡皮筋效果(碰撞).我想锁定整个文档,但仍允许使用overflow-y滚动div:在需要的地方滚动.

我已经尝试过

document.ontouchmove = function(e){ 
    e.preventDefault(); 
}

但这会禁用任何容器中的滚动.任何的想法？非常感谢你.

是否可以为在"桌面"上有图标的Webapp实施IPhone的推送通知服务？如果是这样的话？

我正在构建一个asp.net(3.5)网络应用程序,并想知道你是否知道我可以做任何方式,以便有一些离线功能.

这是必要的,因为人们将能够在他们的设备上"安装"web应用程序(例如,使用iPhone上的"添加到主屏幕"功能),然后在他们离线时使用该应用程序; 用法只会受到限制(此时也不需要服务器调用).

这可以用.aspx页面完成吗？

编辑 - .manifest补充说:

CACHE MANIFEST
index.aspx

/logo.png
/main.css
/main.js

编辑2号 -

我们让它以一种时尚的方式离线工作; 它在safari中有效,但我们不想在safari中使用它,我们希望它作为一个独立的应用程序.当我们尝试像这样运行它时,我们得到'无法连接到服务器错误'.这是否可以使用.aspx页面？

编辑3号 -

我们已经使用.html页面工作但仍然没有使用.aspx

编辑4-

它现在正在工作,虽然我们不确定为什么!我们上周将index.aspx添加到了cache.manifest的'network'部分(上周没有工作!),这可能有所帮助,但一旦我知道我会更新你实际发生的事情!

感谢大家的帮助!

我正在为一个简单的应用程序使用基本身份验证,但它在iOS 7上停止在Web应用程序模式下工作.它适用于Safari,它在Safari 6和作为独立的Web应用程序在iOS 6上运行,但在迁移到iOS 7后它显示只有白色的屏幕.

有没有人遇到过同样的问题？

在从主屏幕启动的独立网络应用程序中,在iOS 8.1(8.0)上,触摸事件(touchstart,touchmove,touchend)不会在输入/ textareas上触发,而是在Safari中的同一设备上触发.

我在iOS 6上测试了相同的网络应用程序,一切都按预期工作.

有没有人遇到同样的问题,并找到了解决此问题的方法？也许有正式的错误报告？不幸的是,我在这个问题上一无所获.

谢谢.

我已经构建了一个iPhone网络应用程序并完成了所有步骤,使其看起来像一个本机应用程序:应用程序图标,防止滚动,防止选择,使用基于触摸的js方法等.但是,我有一个艰难的时间随着闪屏.

我尝试过使用清单文件缓存的320x460 PNG和JPEG.启动图像确实出现,但仅在应用程序启动白屏后几秒钟后出现.因此,在应用程序完成启动之前,启动画面实际上只显示了几分之一秒.

我无法弄清楚为什么它没有立即加载飞溅.我知道它是由清单缓存的,因为它加载没有互联网连接.我之前读过,直到DOM准备好才会显示启动,所以我猜这是问题所在,但我不知道如何修复它.

当用户在主屏幕应用程序中启动"新窗口"链接时.

在Mobile Safari中,此类操作会打开一个新选项卡.如果应用程序位于主屏幕上并且名称="apple-mobile-web-app-capable",content ="yes"处于活动状态,会发生什么.

窗口是否仍然在技术上位于另一个选项卡中,虽然您无法恢复到原始窗口 - 或者它只是在当前选项卡中导航？

我有一个网络应用程序.

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

我把它放在那里.

我添加到主屏幕.

但是,我意识到在关闭Web应用程序后我总是必须再次登录.

如何让它保持会话？

更新:基本上与Standalone PWA相同的问题会破坏登录但在iOS上.

如果您将Web应用程序添加到主屏幕,则Android上的Chrome会在浏览器中与同一域共享本地存储.您可以通过访问https://wilfrem.github.io/add_to_homescreen_test/进行测试,然后添加到主屏幕,并在主屏幕上打开时看到您具有相同的ID.(我做了Nexus 5x)

如果您在iOS Safari中执行相同操作,则会获得新ID.(我做了iPod iOS 12.1.1)

oidc-client-js库在本地存储中设置会话引用,然后在Web应用程序的signin回调中调用它.因此,如果您尝试从iOS主屏幕上打开的Web应用程序登录,它会在Safari中打开OP(oidc提供程序),然后重定向回Web应用程序的URL,但在Safari中不是从主屏幕Web应用程序打开的,因此,您可以获得不同的本地存储空间:

存储中找不到匹配状态

如果本地存储不在同一个域中共享,您应该如何使用oidc与从主屏幕Web应用程序打开的iOS？或者,当重定向回Web应用程序时,如何让iOS重新打开正确的窗口(从主屏幕打开的窗口)？或者,当我首先导航到OP(oidc提供商)时,如何让iOS永远不会离开全屏应用？

编辑:

这是解释问题的叙述.

• 打开 my.app.com
• 添加到主屏幕
• 从主屏幕打开应用程序
• 单击登录按钮
• 登录按钮电话 UserManager.signinRedirect()
• UserManager.signinRedirect() 电话 OidcClient.createSigninRequest()
• OidcClient.createSigninRequest()在本地存储中存储登录状态并导航以在Android上my.op.com 查看 打开Chrome选项卡,并在iOS上打开Safarimy.op.commy.op.com
• 在操作上完成登录过程
• op重定向到my.app.com/signin-callback.html 这里是问题所在

在my.app.com/signin-callback.html主屏幕上打开的应用程序中打开Android ,在iOS上它保留在Safari中.所以你得到:

存储中找不到匹配状态

我没有遇到错误,根据发生的错误是完全可以预料到的,我只是不知道如何让Safari以一种可以与库一起工作的方式运行.

如果它相关这是我的manifest.json

{
  "name": "omitted",
  "short_name": "omitted",
  "theme_color": "#omitted",
  "background_color": "#omitted",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "omitted",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "omitted",
      "sizes": "512x512", …