2012-08-18 23 views
8

我已经创建了一个应用程序,其中包含几个按钮到主页单击其中一个按钮我的应用程序重定向到包含JQM形式,JQM日历,文本字段,按钮和数据库等一些视图。 ..Jquery移动应用程序奇怪的行为

我的查询是,当我在Android设备上测试我的应用程序时,应用程序工作有点慢,即使我没有使用任何图像或任何可以包含更多空间的数据。这是我的第一个查询,第二个是当我在android平板上测试我的应用程序时,表单页面显示一段时间,并突然自动重定向回到主页,而此功能对于android手机非常适用。

为什么这个奇怪的问题?

如果任何一个能指导我认为这将是我的荣幸

+0

什么版本的jQuery Mobile?什么版本的PhoneGap?到目前为止,你做了什么尝试修复?你可以显示一些代码,例如,JS的顺序包括? – Jasper 2012-09-10 16:06:16

回答

5

这是很难做出关于性能下降和重定向问题的假设。下面您可以找到一些我认为会影响到由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文件

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

组件限制

建议的HTML页面被限制为25KB,以获得最佳的缓存优势,为广大的移动网络浏览器。缓存限制取决于操作系统版本。例如,Android 2.1的缓存限制约为2Mb。

HTML5 & CSS3

尝试创建易于阅读,扩展和可重用的代码。充分利用HTML5和CSS3的使用非常重要。 HTML5 DocType声明(<!DOCTYPE html>)应该是html标记之前HTML5文档中的第一件事。这是什么版本的HTML的网页上写的是Web浏览器的指令。

使用W3C mobileOK Checker

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

考虑不同屏幕上的显示尺寸

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

识别流与潜在延迟

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

我希望这会有所帮助。

+0

感谢这个答案对我来说是非常有帮助的,在我们开发跨平台应用程序的时候考虑这一切都是非常好的。我会推荐给其他手机开发者,以便他们也可以从中获益。再次感谢好的回应。 – Aamirkhan 2012-09-06 04:27:32

+0

我很高兴我可以帮助:)上面的答案是个人观点和我的经验显示。也许别人考虑不同的性能方面。谢谢 – 2012-09-06 05:00:08

+0

嗯,但大多数探讨你的答案是正确的 – Aamirkhan 2012-09-06 05:02:46