gpt4 book ai didi

android - Jquery 移动应用程序奇怪的行为

转载 作者:塔克拉玛干 更新时间:2023-11-02 18:55:09 26 4
gpt4 key购买 nike

我创建了一个应用程序,其中包含多个主页按钮,单击该按钮之一,我的应用程序重定向到某个 View ,其中包含 JQM 表单、JQM 日历、文本字段、按钮和数据库等......

我的疑问是,当我在 android 设备上测试我的应用程序时,应用程序的运行速度有点慢,即使我没有使用任何图像或任何可以包含更多空间的数据。这是我的第一个查询,第二个是当我在 Android 平板电脑上测试我的应用程序时,该表单页面出现了一段时间,突然它会自动重定向回主页,而同样的功能在 android 手机上运行良好。

为什么会出现这个奇怪的问题?

如果有人可以指导我,那将是我的荣幸

最佳答案

很难对缓慢的性能和重定向问题做出假设。您可以在下面找到我认为影响由 HTML5、CSS3、JavaScript 组成的移动应用程序性能的一些方面,应在分析、设计和开发阶段予以考虑。

基于大小的实现方法

在开发小型移动应用程序时,建议使用使用内部 AJAX 页面链接的单个 HTML 页面。对于较大的移动应用程序,建议使用具有内部 AJAX 链接的不同 HTML 页面的方法。尝试创建可重用的页面模板。

页面转换

jQM 1.1.1 Docs 中所述,默认情况下,除淡入淡出之外的所有过渡都需要 3D 变换支持。缺乏 3D 支持的设备将回退到淡入淡出过渡,无论指定的过渡如何。 jQM 这样做是为了主动从高级转换中排除性能不佳的平台,例如 Android 2.x,并确保它们仍然具有流畅的体验。请注意,有些平台(例如 Android 3.0)在技术上支持 3D 转换,但动画性能仍然很差,因此这不能保证每个浏览器都 100% 无闪烁。在考虑上述内容后决定您将使用的过渡类型。

缩小 JS 和 CSS 文件

每个页面都应该尽可能轻量级。缩小的目标是保留代码的操作质量,同时减少其整体字节占用空间。 WEB 上有很多工具可用,例如YUI Compressor , Minify还有很多。此外还有类似 JLint 的工具用于检查 JavaScript 源代码是否符合编码规则。 JLint是一种代码质量工具,用于检查 JavaScript 代码中的问题。报告的问题不一定是语法错误,但可能是结构问题。请注意,JLint 并不能证明您的代码是正确的。将其视为一种帮助工具。还有一些用于执行 CSS 优化的工具。优化可帮助您获得更小的 CSS 文件大小和更好的编写代码。您可以在 WEB 上找到很多可用的 CSS 优化器,例如 CleanCSSCSSTidy .

组件限制

建议将 HTML 页面限制为 25kb,以便为大多数移动 Web 浏览器获得最佳缓存优势。缓存限制因操作系统版本而异。例如,Android 2.1 的缓存限制约为 2Mb。

HTML5 & CSS3

尝试创建易于阅读、扩展和可重用的代码。充分利用 HTML5 和 CSS3 的使用是很重要的。 HTML5 DocType 声明 ( <!DOCTYPE html> ) 应该是 HTML5 文档中 html 标记之前的第一件事。它是对 Web 浏览器的有关编写页面的 HTML 版本的指令。

使用 W3C mobileOK Checker

W3C mobileOK Checker是 W3C 提供的一项免费服务,可帮助检查 Web 文档的移动友好程度,特别是断言 Web 文档是否是 mobileOK。当一个网页通过所有测试时,它就可以移动了。测试在 mobileOK Basic Tests 1.0 specification 中定义.要理解为什么检查 Web 文档的移动友好性真的很重要,可能值得强调关于所谓的移动世界的几点。与普通的台式电脑相比,移动设备乍一看可能被认为是有限的:更小的屏幕尺寸、更小的处理能力、更小的内存量、没有鼠标等等。与固定数据连接相比,移动网络可能速度较慢,而且通常具有更高的延迟。与坐在电脑前的用户相比,忙碌的用户时间有限,容易分心。除了这些限制之外,移动世界还高度分散:许多不同的设备,每个设备都定义了一组独特的受支持功能。

考虑不同屏幕尺寸的外观

在针对不同的屏幕尺寸时,应考虑屏幕密度和视口(viewport)尺寸以及网页的比例。视口(viewport)元数据可用于定义视口(viewport)大小,其中视口(viewport)是绘制页面的容器区域。视口(viewport)比例定义了应用于网页的缩放级别。 target-densitydpi 视口(viewport)属性和 CSS、JS 技术可用于更改网页的目标屏幕密度。 WEB 上有很多关于不同屏幕尺寸的外观的文章。

识别具有潜在延迟的流

PageSpeed Firefox/Chrome extension可用于检查页面速度。当您使用 Page Speed 分析网页时,它会评估该网页是否符合许多不同的规则。这些规则是通用的前端最佳实践,您可以在 Web 开发的任何阶段应用。该扩展提供了有关如何最好地实现规则并将其纳入开发过程的具体提示和建议。

我希望这有帮助。

关于android - Jquery 移动应用程序奇怪的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12018646/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com