请问下用 HTML5 做了个简易的本地 展示页面，怎么让它在打开之初强制缓存所有素材？

[missqso]

用 HTML5 做了个本地的简易的图文展示软件。
图片、视频、都是在本地文件夹里，不涉及到互联网。

比如有两个页面：
A 页面：普通页面
B 页面：一个视频，也是一进入页面就需要立刻循环播放的

从 A 页面切换到 B 页面。估计 B 未加载完成，屏幕会黑，过会估计加载完了，B 页面的视频就显示出来了。

下一次 从 A 到 B ，就不会有黑的这个过程了，估计视频文件已经被缓存了。

但是网页关闭之后，下次再开，还会有这个过程。

想问一下，有没有什么强制全部把他们预先缓存的操作。

在会议室的一台展示电脑上使用，不是发布出去的，所以加载时间再长都没关系，就像游戏一开始的载入，后面不再载了就行。

[knva]

A 页面 iframe 显示隐藏 B 页面

[looking0truth]

PWA

[jankan]

preload

[netnr]

SW 初次访问后可离线访问

[missqso]

@knva
@looking0truth
@jankan
@netnr 谢谢，会一个个搜索研究一下，感谢🙏