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