html - 棘手的延迟加载问题

Question

问候溢出者，

• 结果集网格将查看来自 HTML 页面的快照。
• Snaps 需要保留原始页面布局，包括任何表格、图像...
• 用户将滚动浏览快照以完整阅读快照页面
• Snaps 可以在 HTML 页面的任何位置查看不同大小的窗口

问题: 是否可以实现延迟加载，以便只加载查看过的窗口而不丢失已抓取的 HTML 页面的交互性(例如超链接)？如果 HTML 页面不能以这种方式动态定制和延迟加载，则欢迎使用任何交互式文档格式(例如 PDF、Flash)。

更新:很抱歉造成混淆。快照不是图像，它们是 HTML 页面中任意位置的随机视口(viewport)。在图像中很简单，我们可以只加载我们需要查看的部分。在 HTML 中，这很困难，除非该部分实际上是一个完整的可查看 HTML 标记元素并且它适合所需的部分。 iframe 只会方便窗口查看快照，但我不想加载整个 HTML 页面，因为它们很大，但只加载所需的快照。问题快照可能位于页面布局分区中间的某个位置，每个分区都非常大。因此，单独固定布局大小和稍后延迟加载其内容无济于事。我认为布局转换是必要的，但非常困难。我希望我可以拍摄完整的 HTML 页面的照片，并拍摄我需要查看的任何部分，并且该图像部分保持交互:)

谢谢!

Answer 1

您可以将 JavaScript 与 XMLHttpRequest (XHR) 结合使用来异步获取内容并将该文本放置在页面上(即延迟加载内容)。我不熟悉您正在使用的一些术语(例如什么是“快照”)，但是如果您的布局指定了大小(而不是依赖于内容，例如，设置表格列的大小)，那么这种延迟加载可以在不重新渲染布局的情况下完成。