我有一个使用 JQM 的 PhoneGap 应用程序。为了导航,我使用导航栏小部件,它会打开请求的页面(有 4 个页面)。 第一次通过此导航访问页面时,需要相当长的时间才能显示(具体取决于设备,需要 6 到 10 秒)。我认为这是因为 JQM 的渲染过程造成的。因此,这种行为并不完全是我想要的,我想知道我是否可以在应用程序第一次启动时手动渲染页面(即显示启动屏幕时)。有没有人以前做过类似的事情或者有人知道如何手动启动此渲染过程?
最佳答案
根据您的问题,我推测您正在通过导航栏元素使用多个 HTML 页面。
这是你的第一个错误。我希望这对你来说不是一个大项目,因为你将进入痛苦的世界。
首先,您可以预取 jQuery Mobile 页面,这将缩短页面更改时间,了解更多信息 here 。不幸的是,这个解决方案几乎没有什么问题,主要是有时它不起作用。
我最好的建议是改变你的应用程序设计。您的主要导航栏页面应该是单个 HTML 文件的一部分,它也称为多页面模板。这是最快的解决方案,但最消耗资源。另外,您的页面不应该包含大量内容,它是 jQuery Mobile 应用程序性能的主要 killer 。
我为您提供了一些优秀的文章,它们将帮助您构建更快的 jQuery Mobile 应用程序,请看一下 here 和 here 。
如果还不算太晚,我建议切换到 Sencha Touch。学习它需要一些时间(它有一个完全的 different 方法,然后是 jQuery Mobile),但最终您将拥有一个更快的应用程序。我以 jQuery Mobile 开发人员的身份告诉您这一点,而不是 Sencha Touch 开发人员。
关于javascript - 如何渲染 jquerymobile 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18734114/