问题标签 [iphone-web-app]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
198 浏览

iphone-web-app - iScroll 搞砸了 iWebkit 框架

我正在使用 iWebKit 框架开发一个 Web 应用程序。我正在尝试修复顶部栏。所以我尝试使用 iScroll。我按照 iScroll 的说明进行操作,但不知何故它弄乱了 iWebkit。我不确定我做错了什么。有什么帮助或想法吗?

0 投票
1 回答
399 浏览

ipad - ipad web 应用程序未针对纵向模式、uiwebview 进行调整,

我有一个适用于 iphone/ipad 的网络应用程序。当我在移动 Safari 中查看它时,它在横向和纵向模式下看起来都不错。但是当我在自己的 ipad 网络应用程序(在 uiwebview 下)中打开它时,它在横向模式下看起来不错,但在纵向模式下内容被截断。

如何修复它。我应该在服务器端还是在 ipad 应用程序中修复它?

问候

0 投票
3 回答
4626 浏览

jquery - iOS Web 应用程序 GO 键盘按钮不提交 Ajax 表单

我有这个 iOS 网络应用程序,它需要通过 Ajax 提交一个表单,这在很大程度上是有效的。唯一不起作用的是键盘上的 GO 按钮没有响应。

在桌面浏览器上,一切正常提交(提交按钮,或输入键)

在 Safari iOS 上,一切正常(提交按钮、GO 键盘按钮)

但是在 iOS 上将其用作 Web App 时,GO 按钮不起作用!

什么可能导致这种行为?据我所知,iOS 网络应用程序仍在使用 Safari ...... :)

更新(已解决):我preventDefault()再次删除了。它并没有成为我的瓶颈,但我不喜欢不必要的代码。:)

当我return false;在底部添加时$('#myForm').submit(function() {,一切都像我想要的那样工作。

iOS GO 按钮、Enter 和 Submit 按钮现在都响应了。

0 投票
0 回答
187 浏览

ios - iScroll 在“下一个”之后或焦点在输入框之后

在 iOS 的基本 Web 应用程序中运行 iScroll,我注意到如果我在键盘上按“下一步”,即使我离开它,iScroll 也不会滚动到突出显示的输入框上方。有小费吗?

0 投票
2 回答
2118 浏览

iphone - 在 webapp 中打开 URL 时,如何在不跳转到 Safari 的情况下在其中显示新页面?

我在一个目录中有两个页面用于 iOS Web 应用程序。一个是index.html,另一个是detail.html。

在 index.html 中,有一个指向 detail.html 的链接,如下所示

我在 iPhone 的 safari 中打开 index.html,然后将 index.html 添加到主屏幕。然后我从主屏幕打开这个网络应用程序。当点击“重定向”时,网络应用程序进入后台,然后 Safari 打开 detail.html 并进入前台。

如何在 Web 应用程序本身中打开 detail.html 而不重定向到 safari?特别感谢!

0 投票
1 回答
1543 浏览

iphone - jQuery Mobile - 后退按钮在 Web 应用程序中不起作用

我是 Jquery mobile 的新手,我开发了一个可以在 Iphone safari 浏览器中正常运行的网站,但是当我创建其主屏幕快捷方式并将其作为 Web 应用程序运行时,如果我后退一步,它的工作正常,但是当我后退两步时不工作它会刷新网页。

例如,当我从 A 移动到 B 然后返回 A 时,我的网站 A、B、C 中有三个页面,其工作正常与从 B 移动到 C 然后返回 B 时的工作正常相同。但是当我将 A 移动到 B 然后 C 然后返回到 B 时它工作正常但是当我移动到 A 时它会刷新页面而不是从历史记录中获取页面。我的后退按钮代码如下

任何人都可以在这方面帮助我。提前致谢。

0 投票
1 回答
1154 浏览

ipad - 保存图像触摸菜单随 iOS6 网络应用程序一起消失。

随着 iOS6 的更新,当用户在启用了apple-mobile-web-app-capable的网站中时,“保存图像”触摸弹出菜单现在消失了。这对我的网站http://2048px.com非常重要。

我们希望用户能够将网站添加到他们的主屏幕。用户获取新壁纸的方式是点击下载按钮,然后使用保存图像触摸菜单将其保存到他们的相机胶卷中。但就像我说的,在 iOS6 中,当使用 web 应用程序时,“保存图像”选项似乎消失了。

有谁知道一些神奇的元标签可以重新打开它?或者也许是一种将图像直接保存到相机胶卷的奇特方式。

0 投票
1 回答
880 浏览

ios - 当用户尝试在不可滚动部分滚动时,如何阻止整个 Web 应用程序在 iOS 中滚动?

我为 IOS 创建了一个 Web 应用程序,当用户通过 Safari 将其添加到他们的主屏幕时,如果他们尝试用手指在应用程序的一部分中向上或向下滚动而您无法滚动,它会向上或向下滚动整个应用程序向下然后弹回原位(就像您滚动到网页底部然后继续尝试继续滚动一样)。

有没有办法防止像那样向上或向下滚动?将overflow-y 属性设置为body、document 和window 为隐藏并不能修复它。

0 投票
4 回答
36949 浏览

javascript - 防止 body 元素的滚动反弹,但在 iOS 中为子元素保留它

我最近一直在开发移动网络应用程序。我正在优化移动优先,现在专门针对 iPhone 的 iOS。我不想要原生应用的精确外观,但我认为原生的感觉是绝对重要的。我制作了标记和 CSS 来反映这个想法,给我留下了这个(注释以更好地理解我稍后遇到的问题):

Web 应用程序标记

这一切都没有问题,而且它还具有原生感觉、静态页眉和页脚以及可滚动的内部视图的优点(感谢-webkit-overflow-scrolling: touch)。

任何使用 iOS 超过 5 分钟的人都会知道,当您向上或向下滚动时,您会获得一些不错的滚动动力。此外,当您点击列表顶部时,您会获得很好的“反弹”效果:

Settings.app 中的列表弹跳

我觉得这有助于定义 iOS 的感觉,这样一个小细节可以大有帮助。幸运的是,当您在 web 应用程序的可滚动元素中位于列表顶部下方并滚动超过顶部时,您将获得相同的效果。这是期望的行为:

在 web 应用程序中向下和向上滚动会产生这种弹跳效果

但是,当您位于列表顶部并尝试在列表顶部重新创建相同的弹跳行为时(à la Setting.app,如上所示),我们会得到以下行为,这是不希望的: 向下滚动会为应用程序的整个 chrome 产生弹跳效果

我在 Stack Overflow 上看到过一些类似的 问题,但这些都选择禁用弹跳。我想知道是否有可能继续弹跳,但总是让它发生在body section section#main,而不是 webapp 的 chrome 上。我没有使用 jQuery,所以我更喜欢直接使用 JavaScript 的答案(不过,CSS 解决方案的加分项)。

这是包含所有代码(Sinatra 、HAML和 Sass;当前分支so

0 投票
0 回答
345 浏览

iphone - ios6 web app删除隐私设置

我正在开发一个网络应用程序并在运行 iOS6 的 iPhone 5 上进行测试。

该应用程序作为主屏幕应用程序运行,并且在使用期间请求访问我允许的手机上的相机胶卷,这为我的网络应用程序在手机上的设置>隐私>照片中添加了一个切换。

我已经放弃了这个网络应用程序并删除了主屏幕图标,但切换仍然显示在隐私设置中,我想删除这个切换,但我似乎找不到这样做的方法。

任何人都可以帮忙吗?