问题标签 [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.
html - 是一种将 jQuery Mobile 标题列表分隔符固定在顶部的方法吗?
有没有办法让 jquery 移动列表分隔符标题固定在页面顶部,直到下一个字母或列表分隔符出现并取代它,就像在 iPhone UITableView 中一样?
(http://jquerymobile.com/test/docs/lists/lists-divider.html,列表分隔符不会停留在顶部,而是随着页面上下滚动。)
我已经在 SO(http://stackoverflow.com/questions/7814088/how-to-make-jquery-mobile-list-dividers-fixed-at-top)上搜索,但链接似乎已关闭。
提前感谢您的帮助。
ios - ios webview 崩溃
嗨,我是一名网络开发人员,最近在开发一个混合应用程序。我的网页基于zepto.js和iscroll,当用户“拉起加载更多”页面发送ajax请求以获取更多项目时,服务器将返回包html,网页只是
问题是当我加载大约 60-100 条记录时,应用程序将崩溃并退出。
ios 开发者告诉我每个应用程序都有 RAM 限制,可能是网页占用了太多 RAM....
我找不到问题,有人给出一些想法吗?
iphone - 适合 iphone 但在 iPad 上自动缩放的 iOS webapp 视口
我正在开发一个也有移动 webapp 的 web 应用程序。我目前使用:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
这适用于 iPhone 和 iPad。
我的问题是我使用的是固定大小的字体(例如 18px),但在 iPad 上我希望它看起来与 iPhone 上的完全一样,只是分别更大。
有没有办法让我以适合 iPhone 的方式定义视口,并且在 iPad 上以更大的比例看起来相同?(比如放大)?
ps 我也不想阻止它在 android 上工作,它目前正在做 :)
可以在此处查看移动 web 应用程序:HocSpot Mobile和此处的 web 应用程序:HocSpot
jsf - 预生成基于 JSF 的 Web 应用程序以获得更好的性能和离线模式
我有一个 JSF Web 应用程序,其中的动态内容基于从数据库中获取的数据。由于所有数据都是提前可用的,我想看看是否有一种方法可以在服务器上将所有页面预生成为最终的 HTML 格式,以便用户体验更好的性能而不必等待用于页面生成。此外 - 我的应用程序正在移动设备上运行,我希望可以通过提前将所有内容下载到设备来选择离线使用它(假设我不需要任何业务逻辑来实时工作)。
所以,我在这里不是在谈论 JSF 的内置缓存——我正在寻找一种将 JSF 应用程序转换为运行速度更快并且也可以离线运行的静态网站的方法。
谢谢。
javascript - 仅在 Chrome 中出现 JavaScript 错误,在 Safari 中可以正常工作吗?
当用户启动独立的 Web 应用程序时,我有以下代码在 iDevice 上设置数据库及其表。如果在带有 Safari 的设备上使用该代码可以正常工作,但如果它在 Chrome 中打开,则会引发以下错误
除了错误之外,它还阻止其他功能工作,同样仅在 Chrome 中。这是代码,包括创建表的函数。我在 Chrome 指示错误的行的代码中添加了注释。
如果有人可以建议一个特定的解决方案来让它与 Chrome 和 Safari 一起正常工作,我们将不胜感激。
我确信我在脚本中也犯了许多其他错误。如果有人愿意花时间向我展示我应该如何改进它,我将非常感谢任何想法。我对此很陌生,请提出具体建议。
html - iOS根据媒体查询加载错误的样式表
我正在使用 Phonegap (1.4.1) / JS (jQuery Mobile 1.0) / HTML / CSS 开发移动应用程序。我正在使用媒体查询为各种屏幕尺寸加载正确的 CSS 文件,因此我有以下代码来加载样式表:
我的问题:在屏幕分辨率为 960x640 像素的 iPhone 4S 上,加载的样式表是 M_global.css。我正在使用 iOS 5.1,据我所知,iOS 上的 UIWebView,至少在 iOS 5+ 上支持媒体查询(毕竟,它确实加载了其中一个样式表)。
我也尝试过使用 min-device-width/max-device-width 和 -webkit-min-device-width/-webkit-max-device-width ,只是想看看它是否有所作为,但没有. 我还尝试在上述各种组合的前面添加“仅”一词(即 media="only screen and (min-width: 480px) and (max-width: 719px)"),但这并没有也无济于事(这真的不足为奇)。
我尝试将 M_global.css 文件的查询条件设置为 min-width:0 和 max-width:0 只是为了查看它是否正在加载该特定样式表,但是它没有加载任何 CSS。
如果这是我为自己制作的应用程序,为了好玩,我会保留它,只是接受它加载了错误的 CSS 文件并充分利用它。然而,这不适合我,我也不是要维护这个应用程序的人,所以它必须是正确的。
有没有人对 iOS 中这种古怪的行为有任何经验并找到了解决方法?
jquery - window.location 与 jQuery Mobile 冲突
我正在构建一个移动网络应用程序,我遇到了一个非常非常奇怪的问题。
我的应用程序的核心看起来像一个合适的 iPhone 应用程序,带有标签栏。在我的一个屏幕上,如果单击选项卡栏链接,则在重定向之前,我们必须向服务器发出 POST 请求,然后在成功时执行重定向。
在桌面浏览器中,这完全符合预期。
在 Mobile Safari 中,它根本不起作用。POST 请求发生,但重定向没有。我已经尝试了许多不同的重定向技术,但都没有产生任何影响。
我正在使用 jQuery Mobile,但是因为我需要重定向到一个完全不同的页面,没有过渡也没有 AJAX,所以我使用 window.location.href 进行重定向。
有谁知道为什么会发生这种情况?如有必要,很高兴提供更多详细信息,我已经为此苦苦挣扎了 2 天。
html - Css:min-height 解释为高度(iPhone webapp)
我基于 iWebKit 的 framework 构建了一个 iPhone webb 应用程序。我目前正在集成一个 CSS div 滑块来改进页面(div)之间的导航,除了一件事之外,一切都很好。
似乎我应该为包含滑动对象的 div 设置一个固定的高度值。这些对象将包含相当多的内容并且尺寸谨慎,因此默认情况下 div/页面必须垂直扩展。出于某种原因,浏览器似乎将 min-height 解释为高度,并且没有扩展 div 以显示所有内容。我意识到某处可能有一个小错误,我忘记添加或删除。请通过为我指出这些来帮助我。谢谢
包含幻灯片的包装器:
在每个滑动 obj 上添加的类
现场演示: http ://utvecklingspunkten.se/heightIssue.php 点击“点击”查看实际出现的问题;文本在 305 像素以下被截断。该问题出现在所有浏览器中,包括 iPhone 版 Safari。
frontend - 为什么移动设备访问网页比 PC 慢?
我有一个关于 iphone 和 PC 的问题,连接相同的 WiFi,打开相同的网页,PC 不到 1s 但 iphone 需要 3-5s。最近我开发了一个webapp,鉴于这种情况如何优化webapp。
ios - 在 iOS Web 应用程序中启用“保存图像”
将此添加到我的网站:
虽然大多数人问如何在全屏网络应用程序中禁用标注,但我需要启用它。
我基本上会有一个包含 iPhone 壁纸的滑块,所以我想让用户能够保存图像,就像他们在常规 Safari 中所做的那样。
这是我的演示,您需要将其添加到主屏幕,然后从那里打开它。保存图像被禁用 - 为什么?
这甚至可能吗?
注意:指定-webkit-touch-callout: inherit;
不会做任何事情。