将图标添加到主屏幕后,我遇到了网络问题.如果从主屏幕启动Web,则所有链接将在Safari的新窗口中打开(并失去全屏功能).我该怎样预防呢？我找不到任何帮助,只有同样没有答案的问题.
Apple在Safari HTML参考中说,下面的代码应该在iPhone OS 2.1及更高版本上全屏显示web-app.
<meta name="apple-mobile-web-app-capable" content="yes">
但它似乎没有用.有没有办法在iPad WebApp中隐藏Safari中的标题/位置栏？
我创建了一个Web应用程序并添加到我的iPhone主屏幕.当我切换到另一个应用程序并返回时,iPhone会自动重新加载我的网络应用程序.这打破了我的应用流程.
如何阻止iPhone重新加载应用程序？
我启用了支持apple-mobile-web-app的元标记以隐藏Safari工具栏,我不想将其关闭.
现在我正在开发一个基于Web的应用程序,用户必须首先登录.
当我通过iPhone Safari打开页面,登录并重新启动Safari时,我仍然登录(Cookie和会话ID仍然设置).
但是当我使用"添加到主屏幕"添加此页面时,每次单击该页面的图标时,我都必须再次登录.
我没有找到任何相关信息.我该怎么做才能让我的用户将此页面设置为主屏幕的图标,并且每次打开时都无需登录？
iphone web-applications mobile-safari iphone-standalone-web-app
简单的HTML5视频在Safari浏览器上播放.但在将其添加到主屏幕(独立WebApp)后,它不起作用.它正在iOS7上运行,但已停止在iOS8上运行.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
body{
margin:0;
}
</style>
</head>
<body>
<video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" autoplay="autoplay" controls="true" webkit-playsinline />
</body>
</html>
请帮忙.这有什么解决方案吗？
我有一个非常简单的HTML页面,其中包含适用于iPhone的META标记:
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,user-scalable=no" />
使用iPhone Safari,当页面以纵向模式加载时,它看起来很好,宽度适合屏幕.当我将iPhone旋转到横向模式时,网页会自动调整大小以适应横向宽度.好,这就是我想要的.
但是当我从横向旋转回来时,页面不会像以前一样调整回适合纵向宽度.它仍然在景观宽度.
我希望iPhone能够自动将其设置回正确的宽度,就像横向模式一样.我不认为这应该涉及方向监听器,因为它全部是自动完成的,我没有任何特殊的样式用于不同的模式.
为什么iPhone不以纵向模式重新调整网页大小？我该如何解决？
我设法让iPhone自动调整大小,但有一个奇怪的现象,只有在偶数次旋转之后这样做...非常非常奇怪.
我使用这个META标签:
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
以下是我必须做的事情才能使其自动调整大小:
1.纵向加载 - >看起来不错.
2.旋转到横向 - >调整大小以适合屏幕.
3.向后旋转至纵向 - >不调整大小.
4.旋转到横向 - >仍然适合景观.
5.旋转至纵向 - >调整大小以适合纵向屏幕.
有人可以解释这种行为吗？
我仍然想知道如何解决这个问题,并感谢任何帮助.
谢谢!
汤姆.
window.open()在iOS网络应用程序中调用时,该页面将在Web应用程序中打开而不是移动Safari.
如何强制在移动野生动物园中打开网页？
注意:使用直接<a href>链接不是一种选择.
javascript web-applications mobile-safari ios iphone-standalone-web-app
我有一个离线工作的HTML5 iPad应用程序.该应用程序基本上由4个html文件和3个aspx文件组成.我的缓存清单已设置为只有html文件可脱机使用,并且aspx文件需要网络连接.这一切都很棒!
现在,我已经到了我正在对应用程序进行最后润色并试图完成主屏幕图标,以全屏模式运行等等.我已经添加了我认为必要的元标记到一旦将应用程序添加到主屏幕,该应用程序最初将以全屏模式启动.我认为标签正确的原因是,如果我在html页面之间来回导航,应用程序将(正确)启动并保持全屏模式.我遇到的问题是当点击其中一个服务器(aspx)链接时,让应用程序保持全屏模式.
单击服务器链接(aspx)时,Mobile Safari将进入完整浏览器模式并打开一个新窗口.这种行为是不可接受的,我希望我在这里遗漏一些简单的东西.
以下是我在所有页面上使用的元标记(html + aspx):
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
希望这提供了解问题所需的所有必要信息.我在这里看到了其他链接,声明除了主页上标记的页面之外的任何页面都会导致某些人退出全屏模式.这不是我遇到的问题,所以我想开始一个新的讨论.再次,我觉得如果我在应用程序中有5个以上的html页面,它将继续保持全屏模式.在我的情况下,aspx页面是问题所在.
自从我的iPhone 5s更新到iOS 9 beta试用版后,我发现状态栏样式元标记和我的独立Web应用程序上的启动图像已停止工作.它在iOS8中运行得非常好,所以我有点困惑.我希望这只是一个将在最终版本中修复的错误,但我会看到是否有人对可能导致此问题的任何人有任何其他建议.
人们有什么想法？
<head>
<meta charset="utf-8">
<!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- Status bar styles -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Telephone format detection -->
<meta name="format-detection" content="telephone=no">
<!-- Title -->
<meta name="apple-mobile-web-app-title" content="My App">Stat
<title>My App</title>
<!-- Path to Library CSS-->
<link rel="stylesheet" href="../resources/font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../resources/bootstrap-3.3.5-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../resources/jasny-bootstrap/css/jasny-bootstrap.min.css">
<!-- Path to your custom app styles-->
<link rel="stylesheet" href="../css/app.css">
<!-- Favicons -->
<link rel="icon" type="image/png" …我正在尝试使用iOS上的HTML + JS构建"本机Web应用程序".您可能知道,您可以将这样的应用程序添加到主屏幕,它或多或少看起来就像一个普通的原生应用程序.
但是,如果我退出这样的应用程序并再次重新打开它,它会重新加载整个页面.当通过多任务栏从另一个应用程序切换到这样的应用程序时也会发生这种情况.
这是预期的行为还是有办法阻止设备这样做？
作为示例,您可以将jqTouch-Demos从此处添加到主屏幕并进行测试:http://jqtouch.com/preview/demos/main/
ios ×6
iphone ×5
safari ×2
html5 ×1
html5-video ×1
ios8 ×1
ios9 ×1
ipad ×1
javascript ×1
meta-tags ×1