javascript - 如何仅缓存字体文件并从缓存中访问它们
问题描述
我试图弄清楚如何使用 Promise 来缓存带有content-type
font/woff
&的字体文件font/woff2
。
我想将网站的 url 作为参数传递,Promise 会获取与定义匹配的所有文件content-type
并将它们放入Cache
.
之后,我想从Cache
.
谁能帮我找出正确的方法。
提前致谢!
解决方案
您可以使用service-worker
:
self.addEventListener('install', (event) => {
event.waitUntil(caches.open('your-cache-name').then((cache) => {
console.log('installing service worker', event);
return cache.addAll([
'paths/to/your/font/files',
]);
}));
});
self.addEventListener('fetch', (event) => {
event.respondWith(caches.match(event.request).then((response) => {
if (response) {
return response;
}
return fetch(event.request);
}).catch(err => console.log('nope not in the cache', err)));
});
application
您可以在Chrome的选项卡中调试它DevTools
推荐阅读
- php - 使用 codeigniter 中的 PayPal 集成,成功页面没有向我返回任何内容
- python - 如何将公交车进/出站记录汇总到行程中以提供唯一ID,并删除时间差小的重复记录?
- javascript - 当我添加引导 CDN 样式表时,我的网站页面上的元素会受到影响。*全屏运行代码*
- python - 擦除 IDLE shell 中的代码行以便在命令提示符下运行 .py 文件
- java - 从3d矩阵java中删除一个元素
- ios - 行删除后自定义剖面视图未更新
- ajax - Laravel 在 ajax 调用时出错。意外回归
- javascript - 如何用一张图片制作幻灯片
- javascript - 为什么我的反应应用程序和快速服务器之间的获取请求不起作用?
- java - fabric8 Maven 插件内联汇编问题