标签: iphone-standalone-web-app

是否可以从独立的Web应用程序中的iPhone弹出键盘中删除表单助手？我知道普遍的共识是它在Mobile Safari中是不可能的,但是一个独立的应用程序在a中运行UIWebView,并且在几个方面(示例)的功能不同,所以我希望这可能是可能的.

您可以在键盘正上方看到它:

Previous和Next按钮在<form>输入之间循环.但我有一个<input>元素,所以他们被禁用.完成按钮隐藏键盘,但由于我有一个高度灵活<ul>(占用键盘和之间的空间<input>),而我在此页面上没有任何其他内容,它没有任何意义.

在一个小屏幕上,几乎有一半的屏幕被键盘占用,构成这个工具栏的44个像素是一个巨大的空间浪费(一个整体<li>的价值).

原生iOS应用程序可以删除它,所以我知道它至少可以在手机上,我只是没有发现在Web应用程序中这样做的方法.这是来自Facebook应用程序,页面非常类似于我的:

我尝试过使用一个<input>没有包装<form>而且还使用了一个contenteditable <div>,但结果是一样的.有几种自定义-webkit-样式可以控制Web应用程序界面的各个方面,但是它们的文档记录很少,而且搜索没有任何内容.

有没有办法删除网络应用程序中的表单助手？

我使用了safari的所有推荐链接和元标记创建了一个webapp,例如.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-startup-image" href="/startup.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-ipad.png" /> 
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-iphone4.png" />

但是,我的问题是如果在网络服务器上更新了startup.png或任何apple-touch-icon图像文件,看起来用户的iphone或ipod似乎不会在更新的文件保存到他们的主屏幕(我猜它是以某种方式缓存的).它可以从主屏幕中删除webapp并重新添加.但有没有办法让应用程序知道它需要刷新这些图像而不需要用户删除并重新添加它？

我正在开发一个iPhone网络应用程序,我正在使用"apple-mobile-web-app-capable"元标记来获得"全屏模式".当我浏览应用程序时,它会显示我最后一次加载时离开的页面的图片.看起来应用程序已经准备好接收输入,而不是,这是令人困惑的.

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

如何允许将我的webapp作为图标安装在用户的主屏幕上？数据是否在本地缓存,以便在用户不在3G时运行webapp？

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

我正在构建一个全屏iPhone优化的网络应用程序.它像主机应用程序一样从主页启动,并且通过以下指令表现得像一个独立的应用程序,但它只是简单的HTML/CSS/JavaScript,没有涉及PhoneGap.

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

尝试通过OAuth进行身份验证时,重定向到Twitter(或任何其他OAuth提供商)会将我从我的全屏网络应用程序转移到Mobile Safari中.Twitter身份验证完成后,重定向回我的应用程序不会启动我的主页应用程序,而只是在Mobile Safari中重定向.是否可以在iPhone主页Web应用程序中执行OAuth？除此之外,我可以获得OAuth回调以重新启动我的主页Web应用程序吗？

我有一个带有meta标签的iPad webapp:

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

当我从主页(支持Web应用程序的版本)打开应用程序或在Mobile Safari中输入地址时,localStorage的内容会有所不同.我已通过打印location.href确认地址相同.

使用Mobile Safari时对localStorage所做的所有更改都反映在支持Web应用程序的版本中,但在支持Web应用程序的版本中所做的更改不会反映在Mobile Safari版本中.

域名是相同的,localStorage应该是相同的.世界上到底发生了什么？这可以修复吗？

更新 - 解决方案:根据接受的答案提示#2(强制用户处于全屏模式),我添加了以下代码:

if(("standalone" in window.navigator) && !window.navigator.standalone)
    window.location = "instructions.html";

所以,如果你使用的是支持单机模式下的浏览器,你是不是在独立模式下,重定向到一个页面(instructions.html),这显示了用户如何将应用程序添加到主屏幕.

感谢大家的投入!

我在iOS7上使用全屏(保存到主屏幕)的iPhone网络应用程序时遇到问题.

通常,当选择输入时,它已滚动到键盘上方的视图中.

但是,iOS7上似乎没有在全屏幕Web应用程序中滚动DIV.

因此,当DIV使用"-webkit-overflow-scrolling:touch"并且单击屏幕下半部分的输入时,键盘会被触发,但输入不会向上滚动.

并且,在那时,输入将不响应任何进一步的onFocus事件,否则我可以将其向上滚动.

有人看过一个解决方法吗？

自升级到iOS 9以来,我的Web应用程序已经改变了行为,现在显示所有具有css样式display: none和内容的内容visibility: hidden.这个"功能"可以在Safari和Chrome for iOS中看到.Chrome,Firefox,Safari和IE for Windows以及Android手机上隐藏了相同的内容(如预期).问题似乎与iOS有关,但我找不到任何有关它的信息.

我知道iOS 9有一个媒体查询错误(这里和这里描述)但我既没有问题,也没有页面的响应性和缩放.

另外值得注意的是我使用的是Twitter Bootstrap 3,它特别是它们隐藏的类在iOS中无法正常工作.

<div class="hidden">Hide me please</div>

为什么内容没有隐藏？

更新

我做了一个小提琴测试.它包含两个隐藏的对象,但在这个简化版本中只有一个失败.我希望两者都像我的真实场景一样失败,但你无法得到你想要的一切;)

我已经读过如何添加

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

在您的HTML中,用户可以将该页面添加到主屏幕并将其用作应用程序.所以我想知道将这些元标记添加到我生成的几乎所有HTML中是否有意义.毕竟,用户不会有他们安装的应用程序为,但如果他们选择这样做,我为什么要阻止？

我主要考虑的是未经身份验证的内容,从HTML服务器的角度来看这是静态的,尽管由于客户端JavaScript可能会产生干扰.为了给你一个想法,请考虑单页教程,也许还有一些交互式代码演示.这样的事情.

• 我是否通过添加这些标签做出任何承诺？
• 在什么情况下我应该避免添加它们？

你知道如何将一个网络应用程序添加到iPhone的主屏幕......现在我如何检测我的应用程序是否已添加到用户iPhone的主屏幕.

如果已添加,我如何启动存储在用户主屏幕而不是Safari中的应用程序.

NOTE : its a web app simply bookmarked on the home screen of an iPhone - it is NOT a native app.

有任何想法吗 ？