相关疑难解决方法(0)

Safari中的iPad WebApp全屏

Apple在Safari HTML参考中说,下面的代码应该在iPhone OS 2.1及更高版本上全屏显示web-app.

 <meta name="apple-mobile-web-app-capable" content="yes">
Run Code Online (Sandbox Code Playgroud)

但它似乎没有用.有没有办法在iPad WebApp中隐藏Safari中的标题/位置栏?

web-applications ipad iphone-standalone-web-app

80
推荐指数
4
解决办法
10万
查看次数

如何从iOS 7中的WebApp打开Safari

在以前的iOS版本中,<a>标签会打开Mobile Safari,您必须截取这些标签,而不是留在webapp(用户已保存到主屏幕的HTML页面)中.

从iOS 7开始,所有链接都保留在WebApp中.当我真的想要它时,我无法弄清楚如何让它打开Safari.

我已经尝试使用window.opena target="_blank",但没有作品.

这是一个例子.https://s3.amazonaws.com/kaontest/testopen/index.html

如果您将其保存到iOS 6的主屏幕,该链接将打开Safari.但是在iOS 7中,它没有.

请注意,这是每个人通常都会问的"对话"问题("如何不打开Safari").这种行为似乎是新的默认行为,我无法弄清楚如何恢复旧的行为!

javascript safari web-applications mobile-safari ios

32
推荐指数
3
解决办法
3万
查看次数

iOS全屏应用程序:为什么页面更改时会出现工具栏?

我继承了一个 React Web 应用程序,该应用程序旨在用作 Safari IOS 移动设备上的全屏应用程序。您可以通过执行以下操作使应用程序全屏显示并隐藏地址栏:

  1. 在 Safari 中打开应用程序 ( https://app.1wsq.com )
  2. 点击底部工具栏上的按钮
  3. “添加到主屏幕”

这会在主屏幕上添加一个图标,当您点击它时,它会全屏打开应用程序。但是,当您导航到网站上的另一个页面时,会出现以下工具栏:

在此输入图像描述

这个工具栏不是普通的地址栏,它似乎是一个辅助工具栏。我不确定是什么导致它出现。

我看过的堆栈问题:

如何使 iPhone/iPad Web 应用程序保持全屏模式?-- 这个问题似乎是针对多页面应用程序,并且建议的链接技巧不适用于使用react-router-dom 进行跨页面导航的React SPA。

我尝试过的事情:

我的网络应用程序上有以下元标记:

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

safari ios reactjs

3
推荐指数
1
解决办法
2837
查看次数