我知道我可以使用隐藏的嵌入式标签/包含,css样式和javascript预加载图像(和css文件),但这些都依赖于需要嵌入额外的标签或css规则来加载这些文件和对于每个新图像,我必须记住添加另一个预加载规则。
我正在寻找并且似乎找不到任何地方是扫描CSS文件(使用JS)来识别css文件中所有url(...)的方法,以便我可以预先加载这些图像。这意味着,如果我进入并添加另一个背景图像到一个样式,我知道它将被找到并预装,而不会做任何事情
基本上我想有两个功能:
Preloader.loadCss(filePath, preloadImages);
Preloader.loadAllImagesInCssFiles();
第一个函数将预加载一个css文件,然后如果需要扫描所有图像并预加载它们。第二个函数将扫描页面中包含的所有CSS文件,并加载这些样式表使用的图像。
我希望有人可能对如何实现这一点或了解现有解决方案有一些想法。