- 首发:2023-04-30 23:50:01
- html5
- 911
在Web开发中,我们通常使用CDN(内容分发网络)来加速网站的静态资源(如CSS和JavaScript文件)加载。然而,CDN有时可能会失效,导致网站加载速度变慢或者无法正常运行。本文将介绍一种优化方案,当HTML中引入的style或JavaScript静态资源CDN失效时,自动切换为加载本地js/css。我们还将介绍一个名为 "CDN to Local Fallback for HTML Files" 的VSCode插件的开发和测试过程,以帮助您更轻松地实现这个方案。
前端静态资源CDN加载失败的优化方案
要实现这个优化方案,我们需要在HTML文件中添加一个特殊的<script>
标签,当CDN资源加载失败时,该脚本将自动切换到使用本地资源。具体实现方法如下:
- 遍历HTML文件中所有引用外部CSS和JavaScript资源的
<link>
和<script>
标签。 - 下载这些标签所指向的CDN资源,并将其保存到本地目录。
- 在每个
<link>
和<script>
标签中添加一个onerror
属性,该属性指向一个名为loadFallbackResource
的函数。 - 在HTML文件中添加一个
<script>
标签,该标签包含loadFallbackResource
函数的实现,以及一个在页面加载完成后遍历所有带有onerror
属性的元素并调用loadFallbackResource
的事件监听器。
😄 祝您顺利!
那个设备管理器没有手动添加过时设备了,我直接就重新装了一遍
dcm
我心不死,又重新回来搞这个。
上面的都做好了,windows hello的安装程序闪退(就是闪退做不了),后面还把我sdk客户端里面的Camera Explorer又找不到我的照相机了,我哭死。
能提供一下思路吗,作者大大
感谢🙏