Safari浏览器的预取解决方案？

Posted 2023-02-16

【中文标题】Safari浏览器的预取解决方案？

【英文标题】：Prefetching solution for Safari browser?

【发布时间】：2016-04-28 13:48:02

【问题描述】：

根据此链接prefetch，预取仅适用于特定浏览器。对我来说不幸的是，我需要它主要在移动设备上工作。

任何人都有解决方案如何预加载、预取、缓存页面以使其适用于 ios？ （野生动物园）

【参考方案1】：

使用Jquery mobile，这里是documentation 这里是下载link。

【讨论】：

原谅我的无知，jQuery mobile 是如何解决这个问题的呢？例如，如果我想在添加到页面之前使用 prefetch 来获取可能添加到页面中的音频或视频（通过 JS 函数），jQuery mobile 是如何实现的？

【参考方案2】：

这里的一个解决方案是使用 base64 图像。

以下链接可能有助于进一步调查。 https://en.wikipedia.org/wiki/Data_URI_scheme How to display base64 encoded image in html

预取有类似的选项，如“dns-prefetch”、“preconnect”和“subresource”，但对 IOS safari 的支持不是很好（截至今天）。 https://css-tricks.com/prefetching-preloading-prebrowsing/

【参考方案3】：

现在 Safari 移动端支持预加载 https://caniuse.com/?search=preload

【讨论】：

@victorsc 请仔细阅读完整的问题，它还包括预加载：“任何人都有解决方案如何预加载、预取、缓存页面以便它适用于 iOS？（Safari）”