javascript - 使用 jquery mobile 显示 XML - 性能？

Question

我正在开发一个适用于移动设备的应用程序。我正在使用 jquery mobile 和phonegap(访问设备的内部功能)。我有一个很大的 xml 文件，有 10 到一千多个节点。基本上我需要在自己的页面上显示每个节点。在 jquery mobile 中，常见的做法是构建一个包含所有页面的 html 文件。

我正在考虑构建这样的东西:

<div data-role="page" id="1">JS template filled with content of node1 from xml and linking to page 2.</div>
<div data-role="page" id="2">JS template filled with content of node2 from xml and linking to page 3.</div>

如果我通过使用 JavaScript 解析 XML 文件来创建如此巨大的页面，我担心该应用程序会非常慢。根据我的经验，如果页面很长，浏览器就无法很好地处理页面。 xml 文件可以包含文本以及图像、视频和音频文件的链接。我尝试在客户端通过 xslt 渲染 xml 文件，但遇到了问题，大多数 Android 浏览器不支持 xsl(至少我的不支持)。我需要在客户端找到解决方案，因为该应用程序也应该在没有互联网连接的情况下工作。

你能指出我正确的方向吗？也许我错了，如果主 html 文件包含几百页，那没什么大不了的？我还想从 xml 中一页一页地获取页面，因为我一次不会显示多个页面。但我不确定如何跟踪已向用户显示的节点。 xml 文件不包含自动递增标识符。因此，通过 xpath 按顺序访问特定节点会很困难，还是我错过了一些东西？

谢谢!

Answer 1

按照大多数人的标准，具有 1000 个节点的 XML 文件相当小(而具有 10 个节点的 XML 文件则很小)，因此很难看出真正的问题是什么。

尽管某些移动浏览器没有 native XSLT 支持，但您可以尝试 Saxon-CE，它提供了可在任何支持 Javascript 的浏览器上运行的 XSLT 2.0 实现。