我正在为手机构建一个单页Web应用程序。应用程序应该实现“屏幕”之间的转换(就像任何其他移动应用程序，例如Facebook、Twitter)，并且这些转换应该是动画的(左右滑动)。每个屏幕都必须在转换之间保留其滚动位置。想到的一个明显的解决方案是:Viewport+----------+|+--------+|+--------++--------++--------+||DIV1|||DIV2||DIV3||DIV4||||||||||||||||||||||||||||||||||||||||||+--------+|+--------++--------++--------++-
我在下面的简单示例中重现了我的问题我有一个像下面这样的简单网页:在Safari中本地查看此页面，页面正确呈现:关闭图标出现在错误图标上方的位置。但是，当我使用NodeJSwebapp(或使用pythonSimpleHTTPServer命令)提供文件并在Safari中查看它时，图像位于彼此的位置:即使dom看起来仍然正确，并且每个img标记的src属性都包含正确的路径。这是icons.svg文件::root>svg{display:none}:root>svg:target{display:block}.st0{fill:#ff9141}.st1{fill:#fff}无论文件是在本地加载
我在一家大公司工作，该公司致力于构建仅供内部使用的应用程序(iPhone/iPad)。我们正在寻找一种创建应用程序的简单方法，这些应用程序本质上只是一个具有预定义URL且没有地址栏/选项卡等的网络浏览器。本质上是一个带有自定义Logo的非常简单的浏览器。完成此操作的最简单方法是什么？我们显然会自己分发这些应用程序，它们不会在AppStore中提供，因此应用程序指南不是问题。我们在Windows机器上，并且是Java/Web开发人员，所以如果可能的话，我们宁愿不要过多地使用Csharp，仅供引用。基本上，如果该工具(如果存在的话)允许我们给它一个URL、一个图标图像并从那里构建应用程序，
我为iPhone开发了一个网络应用程序，我将它添加为书签并添加到我的iPhone主屏幕。不过，我注意到它存在一个问题:它按预期工作，直到我导航到应用程序中具有查询字符串和参数的页面-例如，www.mywebapp.com/page02.html?param1=值&参数2=值2。当我转到具有此类URL的页面时，iOS将我从Safari的嵌入式版本切换到主要的Safari应用程序-它使我离开了我的应用程序。我不知道为什么会这样。是什么原因造成的，我该怎么办？ 最佳答案 非常感谢提供解决方案的@BjornKaiser，这是一个简单的jQu
我正在为iOS开发一个网络应用程序，我注意到在移动safari上运行和从主屏幕上运行之间存在一些奇怪的事情。是否有任何资源可以提供在模式之间切换的通用接口(interface)？如果没有，是否有任何资源详细说明这两种模式之间的所有差异和问题？我遇到的事情:长轮询有点奇怪。参见thisexample.window.innerWidth和window.innerHeight不一致。移动版Safari-垂直方向按预期工作，水平方向不正常垂直宽度-768高度-946横向宽度-769??高度-518??主屏幕上的Web应用程序-这些总是有意义的。垂直宽度-768高度-1004横向宽度-1024高
我正在为iPad开发一个网络应用程序游戏。它包含一个摇动Action来触发其中一个屏幕的事件，但是，由于它还有一个信息收集表单，有时摇动Action会触发烦人的“摇动以撤消”对话框。当用户到达摇动Action时，用户输入的表单输入甚至不再存在于DOM中，所以在我看来，不应该触发撤消功能，但不幸的是它是。无法将其包装在native包装器(PhoneGap或其他包装器)中，所以我想知道是否有人知道是否可以通过CSS或JavaScript为特定网页/应用程序禁用此功能？谢谢。 最佳答案 对于PhoneGap，我刚刚插入了这一行:[UIAp
我已经使用所有推荐的safari链接和元标记创建了一个webapp，例如。但是，我的问题是，如果startup.png或任何apple-touch-icon图像文件在网络服务器上更新，用户的iphone或ipod似乎不会在更新后检索更新的文件保存到他们的主屏幕(我猜它以某种方式缓存)。它可以从主屏幕上删除webapp并重新添加它。但是有没有办法让应用程序知道它需要刷新这些图像而不需要用户删除并重新添加它？ 最佳答案 自提出/回答这个问题以来已经有几年了，我在这里报告说现在这是可能的!在较新的iOS版本中，显示在主屏幕上的AppleT
根据这篇文章http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/应该能够像这样启用类似原生的动量滚动:body{-webkit-overflow-scrolling:touch;}但是，这不会改变我的网络应用程序中的任何内容。无论是否具有该属性，它都可以滚动。我希望像native应用程序那样有更长的发展势头。我在可滚动的DIV上对其进行了测试，它可以工作-但我不想为此添加任何不必要的标记。有什么建议吗？更多信息好的，它“有点”像这样工作:html,body{height:100%;overflow:scroll;
我想知道是否有可能检测到iOS用户是否正在使用webapp，或者只是使用safari浏览器以正常方式访问。我想要实现的原因是，在iOSwebapp上，当用户单击链接时，他将被重定向到Safari浏览器。所以我使用以下解决方法让他留在webapp中(防止切换到safari浏览器)。$(document).on("click",".navullia",function(event){//Stopthedefaultbehaviorofthebrowser,which//istochangetheURLofthepage.event.preventDefault();//Manuallych
我们有一个基本上有一个UIWebView的应用程序，它在XCode中设置为“iPhoneApp”。到目前为止一切正常，但使用iOS7iPad模拟器，应用程序现在立即出现在“全屏”中，这不是问题，但WebView似乎也被放大了。我只看到已加载网站的右上1/4，必须滚动才能看到其余部分。我们在应用程序中使用jQueryMobile1.3.1。编辑我发现了错误。视口(viewport)元元素的语义似乎在iOS版本之间发生了变化。改变到为我工作，但我不确定这是否是自jQueryMobileDemo以来的方式Page确实将with设置为device-with。当我从我的UIWebView加载演示
