gpt4 book ai didi

javascript - 我应该如何为支持和不支持 javascript 的浏览器编写 Jquery Mobile 应用程序?

转载 作者:行者123 更新时间:2023-11-29 22:37:09 24 4
gpt4 key购买 nike

我正在尝试全神贯注于 jQuery Mobile。我的目标是构建一个非常快速的应用程序,其外观和感觉尽可能接近 native 应用程序(至少对于现代设备而言)。

我知道有两种在页面之间导航的方法:

  1. 将每个页面作为单独的页面加载,并使用常规 html anchor 链接到其他页面。

  2. 将所有(或许多)页面放在一个网页上,并通过 javascript($.mobile.changePage(方法)和类似的 api 函数在它们之间导航。

第一种方法应该适用于所有浏览器,但性能很差,因为每个页面转换之间存在延迟。

第二个看起来应该快得多,所以我肯定更喜欢这种方法。但是,如果没有 javascript 支持,那将如何适用于移动设备浏览器呢?它显然违反了 jQuery Mobile 为 C 级浏览器提供优雅降级体验的目标。

在我看来,我需要实现我的应用程序两次,一次针对支持 javascript 的浏览器进行优化,一次针对不支持 javascript 的浏览器进行优化?使用可能是另一种选择,但看起来更加困惑。

解决这个难题的推荐方法是什么?有什么我没有注意到的吗?

谢谢,

阿德里安

最佳答案

首先:你的point2是错误的。

参见 Local, internal linked "pages" in here并仔细阅读。一个链接href="#pageelementid"将工作得很好并且也将在任何支持 HTML4 的浏览器中工作 [可能需要 <a name="pageelementid">在某些情况下,我不再确定] 唯一的区别是所有页面都同时可见。

其次,如果您使用第 1 种方式,它看起来也会相当不错。是的,它会加载,但在支持 javascript 的浏览器中,它加载了 AJAX,并且页面之间没有令人讨厌的闪烁。此外 - 显示“正在加载”弹出窗口。

jQuery Mobile 应该可以让您使用一些纯粹而简单的 html 来创建一个应用程序,而无需任何 JS。 JQM 本身承担了页面的增强,使其看起来不错并使用了 AJAX。尝试创建一个可以在所有可能的浏览器中运行的应用程序(我的灵感:lynx)并为此使用 JQM 标记。您愿意编写的任何 javascript 都应该作为一种增强功能 - 让它变得更好而不是让它完全工作。

祝你好运!

关于javascript - 我应该如何为支持和不支持 javascript 的浏览器编写 Jquery Mobile 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4621576/

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