从 10 多秒到 1.05 秒！前端性能优化实践

发表于 3年以前 | 总阅读数：417 次

作者：子木 segmentfault.com/a/1190000015052545

关于 性能优化 是个大的面，这篇文章主要涉及到前端的几个点，如 前端性能优化 的流程、常见技术手段、工具等。

提及 前端性能优化 ，大家应该都会想到 雅虎军规，本文会结合 雅虎军规 融入自己的了解知识，进行的总结和梳理。

雅虎军规

首先，我们先来看看“雅虎军规”的35条：

尽量减少 HTTP 请求个数——须权衡
使用 CDN（内容分发网络）
为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。
避免空的 src 和 href
使用 gzip 压缩内容
把 CSS 放到顶部
把 JS 放到底部
避免使用 CSS 表达式
将 CSS 和 JS 放到外部文件中
减少 DNS 查找次数
精简 CSS 和 JS
避免跳转
剔除重复的 JS 和 CSS
配置 ETags
使 AJAX 可缓存
尽早刷新输出缓冲
使用 GET 来完成 AJAX 请求
延迟加载
预加载
减少 DOM 元素个数
根据域名划分页面内容
尽量减少 iframe 的个数
避免 404
减少 Cookie 的大小
使用无 cookie 的域
减少 DOM 访问
开发智能事件处理程序
用代替 @import
避免使用滤镜
优化图像
优化 CSS Spirite
不要在 HTML 中缩放图像——须权衡
favicon.ico要小而且可缓存
保持单个内容小于25K
打包组件成复合文本

如对 雅虎军规 的具体细则内容不是很了解，可自行去各搜索引擎搜索 雅虎军规 了解详情。

压缩合并

对于 前端性能优化 自然要关注首屏打开速度，而这个速度，很大因素是花费在网络请求上，那么怎么减少网络请求的时间呢？

减少网络请求次数
减小文件体积
使用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">CDN 加速

所以压缩、合并就是一个解决方案，当然可以用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">gulp 、 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">webpack 、 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">grunt 等构建工具压缩、合并。

JS、CSS 压缩、合并

例如：gulp js、css 压缩、合并代码如下：

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; display: block; max-width: 100%; font-size: 12px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="color: rgb(101, 109, 120);line-height: 20px;display: block;font-size: 12px;word-break: inherit !important;white-space: inherit !important;">//压缩、合并js`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">gulp.task(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'scripts'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> () {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> gulp.src([`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/fastclick/lib/fastclick.min.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/jquery_lazyload/jquery.lazyload.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/velocity/velocity.min.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/velocity/velocity.ui.min.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/fancybox/source/jquery.fancybox.pack.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/utils.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/motion.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/scrollspy.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/post-details.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/bootstrap.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/push.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/live2dw/js/perTips.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/live2dw/lib/L2Dwidget.min.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/love.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/busuanzi.pure.mini.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/js/src/activate-power-mode.js'`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    ]).pipe(concat(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'all.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">)).pipe(minify()).pipe(gulp.dest(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/dist/'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">));`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">});`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="font-size: 12px; display: block; max-width: 100%; box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="font-size: 12px;display: block;color: rgb(101, 109, 120);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">// 压缩、合并 CSS`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">gulp.task(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> () {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> gulp.src([`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/font-awesome/css/font-awesome.min.css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/lib/fancybox/source/jquery.fancybox.css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/css/main.css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/css/lib.css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/live2dw/css/perTips.css'`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    ]).pipe(concat(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'all.css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">)).pipe(minify()).pipe(gulp.dest(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/dist/'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">));`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">});`</ol>

然后，再把 压缩、合并 的 JS、CSS 放入 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">CDN，看看效果如何：

以上是 lishaoy.net 清除缓存后的首页请求速度。

可见，请求时间是 4.59 s ，总请求个数 51 ，而 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">js 的请求个数是 8 ， <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">css 的请求个数是 3 （其实就 all.css 一个，其它 2 个是 Google浏览器加载的），而没使用 压缩、合并 时候，请求时间是 10 多秒，总请求个数有 70 多个， <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">js 的请求个数是 20 多个，对比请求时间性能提升 1倍多。

如图，有缓存下的首页效果：

基本都是秒开。

Tips：在 压缩、合并 后，单个文件控制在 25 ~ 30 KB左右，同一个域下，最好不要多于5个资源。

图片压缩、合并

例如：<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">gulp 图片压缩代码如下：

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; display: block; max-width: 100%; font-size: 12px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="color: rgb(101, 109, 120);line-height: 20px;display: block;font-size: 12px;word-break: inherit !important;white-space: inherit !important;">//压缩image`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">gulp.task(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'imagemin'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> () {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    gulp.src(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public/**/*.{png,jpg,gif,ico,jpeg}'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">)`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        .pipe(imagemin())`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        .pipe(gulp.dest(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="font-size: 12px;display: block;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'./public'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">));`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">});`</ol>

图片的合并可以采用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">CSSSpirite，方法就是把一些小图用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">PS 合成一张图，用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">css 定位显示每张图片的位置。

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="color: rgb(230, 233, 237);line-height: 20px;display: block;font-size: 12px;word-break: inherit !important;white-space: inherit !important;">.top_right .phone {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    background: url(../images/top_right.png) <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">no<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">-repeat <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">7px<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> -<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">17px<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    padding: <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">0<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">38px<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">}`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">.top_right .help {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    background: url(../images/top_right.png) <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="font-size: 12px;display: block;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">no<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">-repeat <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">0<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> -<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">47px<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    padding: <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">0<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="font-size: 12px;display: block;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">38px<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 12px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 12px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="font-size: 12px;display: block;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">}`</ol>

然后，把压缩的图片放入 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">CDN ，看看效果如何：

可见，请求时间是 1.70 s ,总请求个数 50 ，而 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">img 的请求个数是 15 （这里因为首页都是大图，就没有合并，只是压缩了），但是，效果很好，从 4.59 s 缩短到 1.70 s, 性能又提升一倍。

再看看有缓存情况如何：

请求时间是 1.05 s ，有缓存和无缓存基本差不多。

Tips：大的图片在不同终端，应该使用不同分辨率，而不应该使用缩放（百分比）

整个 压缩、合并 （js、css、img）再放入 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">CDN ，请求时间从 10 多秒，到最后的 1.70 s，性能提升 5 倍多，可见，这个操作必要性。

缓存

缓存会根据请求保存输出内容的副本，例如 页面、图片、文件，当下一个请求来到的时候:如果是相同的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">URL，缓存直接使用本地的副本响应访问请求，而不是向源服务器再次发送请求。因此，可以从以下 2 个方面提升性能。

减少相应延迟，提升响应时间
减少网络带宽消耗，节省流量

我们用两幅图来了解下浏览器的 缓存机制。

1、浏览器第一次请求

2、浏览器再次请求

从以上两幅图中，可以清楚的了解浏览器缓存的过程：

首次访问一个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">URL ，没有缓存，但是，服务器会响应一些 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">header 信息，如： <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">expires、cache-control、last-modified、etag 等，来记录下次请求是否缓存、如何缓存。
再次访问这个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">URL 时候，浏览器会根据首次访问返回的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">header 信息，来决策是否缓存、如何缓存。

我们重点来分析下第二幅图，其实是分两条线路，如下。

第一条线路： 当浏览器再次访问某个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">URL 时，会先获取资源的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 信息，判断是否命中强缓存（cache-control和expires），如命中，直接从缓存获取资源，包括响应的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header信息（请求不会和服务器通信），也就是 强缓存 ，如图：

第二条线路： 如没有命中 强缓存 ，浏览器会发送请求到服务器，请求会携带第一次请求返回的有关缓存的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 信息（Last-Modified/If-Modified-Since和Etag/If-None-Match），由服务器根据请求中的相关 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 信息来比对结果是否协商缓存命中；若命中，则服务器返回新的响应 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 信息更新缓存中的对应 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 信息，但是并不返回资源内容，它会告知浏览器可以直接从缓存获取；否则返回最新的资源内容，也就是 协商缓存。

现在，我们了解到浏览器缓存机制分为 强缓存、协商缓存，再来看看他们的区别：

与强缓存相关的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 字段有两个：

1、expires

expires： 这是 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">http1.0 时的规范，它的值为一个绝对时间的 GMT 格式的时间字符串，如 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">Mon,10Jun201521:31:12GMT ，如果发送请求的时间在 expires 之前，那么本地缓存始终有效，否则就会发送请求到服务器来获取资源。

2、cache-control

cache-control：<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">max-age=number ，这是 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">http1.1 时出现的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 信息，主要是利用该字段的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">max-age 值来进行判断，它是一个相对值；资源第一次的请求时间和 Cache-Control 设定的有效期，计算出一个资源过期时间，再拿这个过期时间跟当前的请求时间比较，如果请求时间在过期时间之前，就能命中缓存，否则未命中， cache-control 除了该字段外，还有下面几个比较常用的设置值：

no-cache： 不使用本地缓存。需要使用缓存协商，先与服务器确认返回的响应是否被更改，如果之前的响应中存在 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">ETag ，那么请求的时候会与服务端验证，如果资源未被更改，则可以避免重新下载。
no-store： 直接禁止游览器缓存数据，每次用户请求该资源，都会向服务器发送一个请求，每次都会下载完整的资源。
public： 可以被所有的用户缓存，包括终端用户和 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">CDN 等中间代理服务器。
private： 只能被终端用户的浏览器缓存，不允许 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">CDN 等中继缓存服务器对其缓存。

Tips：如果 cache-control 与 expires 同时存在的话，cache-control 的优先级高于 expires。

协商缓存

协商缓存都是由浏览器和服务器协商，来确定是否缓存，协商主要通过下面两组 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">header 字段，这两组字段都是成对出现的，即第一次请求的响应头带上某个字段（ Last-Modified或者 Etag ），则后续请求会带上对应的请求字段（If-Modified-Since 或者 If-None-Match ），若响应头没有 Last-Modified 或者 Etag字段，则请求头也不会有对应的字段。

1、Last-Modified/If-Modified-Since

二者的值都是 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">GMT 格式的时间字符串，具体过程：

浏览器第一次跟服务器请求一个资源，服务器在返回这个资源的同时，在 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">respone 的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">header 加上 Last-Modified字段，这个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">header 字段表示这个资源在服务器上的最后修改时间。
浏览器再次跟服务器请求这个资源时，在 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">request 的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">header 上加上 If-Modified-Since 字段，这个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">header 字段的值就是上一次请求时返回的 Last-Modified 的值。
服务器再次收到资源请求时，根据浏览器传过来 If-Modified-Since 和资源在服务器上的最后修改时间判断资源是否有变化，如果没有变化则返回 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">304NotModified ，但是不会返回资源内容；如果有变化，就正常返回资源内容。当服务器返回 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">304NotModified 的响应时， <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">response header 中不会再添加 Last-Modified的header ，因为既然资源没有变化，那么 Last-Modified 也就不会改变，这是服务器返回 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">304 时的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">response header。
浏览器收到 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">304 的响应后，就会从缓存中加载资源。
如果协商缓存没有命中，浏览器直接从服务器加载资源时，Last-Modified 的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">Header 在重新加载的时候会被更新，下次请求时，If-Modified-Since 会启用上次返回的Last-Modified 值。

2、Etag/If-None-Match

这两个值是由服务器生成的每个资源的唯一标识字符串，只要资源有变化就这个值就会改变；其判断过程与 Last-Modified、If-Modified-Since 类似，与 Last-Modified 不一样的是，当服务器返回 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">304NotModified 的响应时，由于 ETag 重新生成过， <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">response header中还会把这个 ETag 返回，即使这个 ETag 跟之前的没有变化。

Tips：Last-Modified与ETag是可以一起使用的，服务器会优先验证ETag，一致的情况下，才会继续比对Last-Modified，最后才决定是否返回304。

Service Worker

1、什么是 Service Worker

Service Worker 本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。它们旨在（除其他之外）使得能够创建有效的离线体验，拦截网络请求并基于网络是否可用以及更新的资源是否驻留在服务器上来采取适当的动作。他们还允许访问推送通知和后台同步API。

Service worker 可以解决目前离线应用的问题，同时也可以做更多的事。Service Worker 可以使你的应用先访问本地缓存资源，所以在离线状态时，在没有通过网络接收到更多的数据前，仍可以提供基本的功能（一般称之为 Offline First）。这是原生APP 本来就支持的功能，这也是相比于 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">web app ，原生 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">app 更受青睐的主要原因。

再来看看 service worker 能做些什么：

后台消息传递
网络代理，转发请求，伪造响应
离线缓存
消息推送
...

本文主要以（lishaoy.net）资源缓存为例，阐述下 service worker如何工作。

2、生命周期

service worker 初次安装的生命周期，如图：

从上图可知，service worker 工作的流程：

安装：<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">service worker URL 通过 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">serviceWorkerContainer.register() 来获取和注册。
激活： 当 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">service worker 安装完成后，会接收到一个激活事件(activate event)。 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">onactivate 主要用途是清理先前版本的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">service worker 脚本中使用的资源。
监听： 两种状态

终止以节省内存；
监听获取 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;font-size: 15px;">fetch 和消息 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;font-size: 15px;">message 事件。

销毁： 是否销毁由浏览器决定，如果一个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">service worker 长期不使用或者机器内存有限，则可能会销毁这个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(74, 74, 74)" data-darkmode-color-16032398138295="rgb(74, 74, 74)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="padding-right: 2px;padding-left: 2px;color: rgb(74, 74, 74);font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;line-height: 22px;">worker 。

Tips：激活成功之后，在 Chrome 浏览器里，可以访问 chrome://inspect/#service-workers和 chrome://serviceworker-internals/ 可以查看到当前运行的service worker ，如图：

现在，我们来写个简单的例子。

3、注册 service worker

要安装 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker ，你需要在你的页面上注册它。这个步骤告诉浏览器你的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 脚本在哪里。

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">if<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> (<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'serviceWorker'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> in navigator) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  navigator.serviceWorker.<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">register<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/sw.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">).then(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(registration) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="display: block; font-size: 15px; max-width: 100%; box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="display: block;font-size: 15px;color: rgb(101, 109, 120);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">// Registration was successful`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'ServiceWorker registration successful with scope: '<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,    registration.scope);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  }).<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">catch<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(err) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="display: block; font-size: 15px; max-width: 100%; box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="display: block;font-size: 15px;color: rgb(101, 109, 120);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">// registration failed :(`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'ServiceWorker registration failed: '<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, err);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  });`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">}`</ol>

上面的代码检查 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker API 是否可用，如果可用， <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">service worker/sw.js 被注册。如果这个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 已经被注册过，浏览器会自动忽略上面的代码。

4、激活 service worker

在你的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 注册之后，浏览器会尝试为你的页面或站点安装并激活它。

<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">install 事件会在安装完成之后触发。<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">install 事件一般是被用来填充你的浏览器的离线缓存能力。你需要为 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">install 事件定义一个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">callback ，并决定哪些文件你想要缓存.

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="display: block; font-size: 15px; max-width: 100%; box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="display: block;font-size: 15px;color: rgb(101, 109, 120);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">// The files we want to cache`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> CACHE_NAME = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'my-site-cache-v1'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> urlsToCache = [`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/css/main.css'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/js/main.js'`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">];`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">self.addEventListener(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'install'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(event) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="display: block; font-size: 15px; max-width: 100%; box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="display: block;font-size: 15px;color: rgb(101, 109, 120);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">// Perform install steps`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  event.waitUntil(`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    caches.open(CACHE_NAME)`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">      .then(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(cache) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'Opened cache'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> cache.addAll(urlsToCache);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">      })`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  );`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">});`</ol>

在我们的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">install callback 中，我们需要执行以下步骤：

开启一个缓存
缓存我们的文件
决定是否所有的资源是否要被缓存

上面的代码中，我们通过 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">caches.open 打开我们指定的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">cache 文件名，然后我们调用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">cache.addAll并传入我们的文件数组。这是通过一连串 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">promise （caches.open 和 cache.addAll）完成的。<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">event.waitUntil 拿到一个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">promise 并使用它来获得安装耗费的时间以及是否安装成功。

5、监听 service worker

现在我们已经将你的站点资源缓存了，你需要告诉 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 让它用这些缓存内容来做点什么。有了 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">fetch 事件，这是很容易做到的。

每次任何被 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 控制的资源被请求到时，都会触发 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">fetch 事件，我们可以给 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 添加一个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">fetch 的事件监听器，接着调用 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">event 上的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">respondWith() 方法来劫持我们的 HTTP 响应，然后你用可以用自己的方法来更新他们。

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">self.addEventListener(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'fetch'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(event) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  event.respondWith(`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    caches.match(event.request);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  );`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">});`</ol>

<span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">caches.match(event.request) 允许我们对网络请求的资源和 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">cache 里可获取的资源进行匹配，查看是否缓存中有相应的资源。这个匹配通过 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">url 和 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">vary header 进行，就像正常的 HTTP 请求一样。

那么，我们如何返回 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">request 呢，下面就是一个例子：

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">self.addEventListener(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'fetch'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(event) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  event.respondWith(`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    caches.match(event.request)`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">      .then(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(response) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(161, 167, 176)" data-darkmode-color-16032398138295="rgb(112, 120, 132)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(101, 109, 120)" data-darkmode-original-color-16032398138295="rgb(101, 109, 120)" data-style="display: block; font-size: 15px; max-width: 100%; box-sizing: border-box; color: rgb(101, 109, 120); line-height: 20px; word-break: inherit !important; overflow-wrap: break-word !important; white-space: inherit !important;" style="display: block;font-size: 15px;color: rgb(101, 109, 120);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">// Cache hit - return response`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">if<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> (response) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">          <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> response;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        }`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> fetch(event.request);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">      }`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    )`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  );`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">});`</ol>

上面的代码里我们定义了 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">fetch 事件，在 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">event.respondWith 里，我们传入了一个由 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">caches.match产生的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;font-size: 15px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;">promise.caches.match 查找 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">request 中被 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 缓存命中的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">response 。

如果我们有一个命中的 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">response ，我们返回被缓存的值，否则我们返回一个实时从网络请求 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">fetch 的结果。

6、sw-toolbox

当然，我也可以使用第三方库，例如：lishaoy.net 使用了 sw-toolbox。

sw-toolbox 使用非常简单，下面就是 lishaoy.net 的一个例子：

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"serviceWorker"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> in navigator ? navigator.serviceWorker.<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">register<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/sw.js'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">).then(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> () {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    navigator.serviceWorker.controller ? console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"Assets cached by the controlling service worker."<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">) : console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"Please reload this page to allow the service worker to handle network operations."<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">)`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  }).<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">catch<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> (e) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"ERROR: "<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> + e)`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">  }) : console.log(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"Service workers are not supported in the current browser."<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">)`</ol>

以上是注册一个 <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service woker。

<pre data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" data-style="margin-top: 0px; margin-bottom: 0px; padding: 8px 0px 6px; max-width: 100%; box-sizing: border-box; letter-spacing: 0.544px; text-align: justify; background-color: rgb(47, 54, 64); border-radius: 0px; overflow-y: auto; color: rgb(80, 97, 109); font-size: 10px; line-height: 12px; overflow-wrap: break-word !important;" style="padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.544px;background-color: rgb(47, 54, 64);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);font-size: 10px;line-height: 12px;"><ol class="list-paddingleft-2" data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)" style="list-style-type: none;"><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"use strict"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> () {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> cacheVersion = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"20180527"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> staticImageCacheName = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"image"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> + cacheVersion;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> staticAssetsCacheName = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"assets"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> + cacheVersion;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> contentCacheName = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"content"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> + cacheVersion;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> vendorCacheName = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"vendor"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> + cacheVersion;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">var<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> maxEntries = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="display: block;font-size: 15px;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">100<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.importScripts(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"/lib/sw-toolbox/sw-toolbox.js"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">);`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.toolbox.options.debug = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">false<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.toolbox.options.networkTimeoutSeconds = <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(172, 146, 236)" data-darkmode-color-16032398138295="rgb(172, 146, 236)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(172, 146, 236)" data-darkmode-original-color-16032398138295="rgb(172, 146, 236)" style="display: block;font-size: 15px;color: rgb(172, 146, 236);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">3<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">;`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.toolbox.router.<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">get<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"/images/(.*)"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, self.toolbox.cacheFirst, {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        cache: {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">            name: staticImageCacheName,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">            maxEntries: maxEntries`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        }`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    });`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.toolbox.router.<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">get<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/js/(.*)'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, self.toolbox.cacheFirst, {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        cache: {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">            name: staticAssetsCacheName,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">            maxEntries: maxEntries`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        }`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    });`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.toolbox.router.<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">get<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">'/css/(.*)'<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, self.toolbox.cacheFirst, {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        cache: {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">            name: staticAssetsCacheName,`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">            maxEntries: maxEntries`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        }`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    ......`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><br></br><p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.addEventListener(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"install"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> (event) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> event.waitUntil(self.skipWaiting())`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    });`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    self.addEventListener(<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(255, 206, 84)" data-darkmode-color-16032398138295="rgb(255, 206, 84)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(255, 206, 84)" data-darkmode-original-color-16032398138295="rgb(255, 206, 84)" style="display: block;font-size: 15px;color: rgb(255, 206, 84);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">"activate"<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">, <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">function<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> (event) {`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">        <span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(79, 193, 233)" data-darkmode-color-16032398138295="rgb(79, 193, 233)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(79, 193, 233)" data-darkmode-original-color-16032398138295="rgb(79, 193, 233)" style="display: block;font-size: 15px;color: rgb(79, 193, 233);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">return<span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;"> event.waitUntil(self.clients.claim())`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">    })`<p data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(155, 171, 182)" data-darkmode-color-16032398138295="rgb(117, 138, 153)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(80, 97, 109)" data-darkmode-original-color-16032398138295="rgb(80, 97, 109)"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" data-style="max-width: 100%; box-sizing: border-box; color: rgb(74, 74, 74); display: block; line-height: 22px; font-size: 15px; overflow-wrap: break-word !important; word-break: inherit !important;" style="color: rgb(74, 74, 74);display: block;line-height: 22px;font-size: 15px;word-break: inherit !important;"><code data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(169, 169, 169)" data-darkmode-color-16032398138295="rgb(156, 156, 156)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(74, 74, 74)" data-darkmode-original-color-16032398138295="rgb(74, 74, 74)" style="margin-left: -20px;overflow-wrap: normal;display: flex;overflow: initial;line-height: 12px;border-width: 0px;border-style: initial;border-color: initial;font-size: 10px;font-family: inherit !important;"><span data-darkmode-bgcolor="rgb(56, 65, 77)" data-darkmode-bgcolor-16032398138295="rgb(48, 55, 65)" data-darkmode-color="rgb(230, 233, 237)" data-darkmode-color-16032398138295="rgb(230, 233, 237)" data-darkmode-original-bgcolor="rgb(47, 54, 64)" data-darkmode-original-bgcolor-16032398138295="rgb(47, 54, 64)" data-darkmode-original-color="rgb(230, 233, 237)" data-darkmode-original-color-16032398138295="rgb(230, 233, 237)" style="display: block;font-size: 15px;color: rgb(230, 233, 237);line-height: 20px;word-break: inherit !important;white-space: inherit !important;">})();`</ol>

就这样搞定了 (具体的用法可以去 https://googlechromelabs.github.io/sw-toolbox/api.html#main 查看)。

有的同学就问， <span data-darkmode-bgcolor="rgb(191, 190, 190)" data-darkmode-bgcolor-16032398138295="rgb(191, 190, 190)" data-darkmode-color="rgb(88, 88, 88)" data-darkmode-color-16032398138295="rgb(88, 88, 88)" data-darkmode-original-bgcolor="rgb(243, 241, 241)" data-darkmode-original-bgcolor-16032398138295="rgb(243, 241, 241)" data-darkmode-original-color="rgb(88, 88, 88)" data-darkmode-original-color-16032398138295="rgb(88, 88, 88)" style="padding-right: 2px;padding-left: 2px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;display: inline-block;font-size: 15px;">service worker 这么好用，这个缓存空间到底是多大？其实，在 Chrome可以看到，如图：

可以看到，大概有 30G ，我的站点只用了 183MB ，完全够用了。

最后，来两张图：

由于，文章篇幅过长，后续还会继续总结架构方面的优化，例如：

bigpipe分块输出
bigrender分块渲染
...

以及，渲染方面的优化，例如：

requestAnimationFrame
well-change
硬件加速 GPU
...

以及，性能测试工具，例如：

PageSpeed
audits
...

<pre data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(138, 138, 138)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" data-style="font-weight: 700; text-align: left; widows: 1; word-spacing: 2px; background-color: rgb(255, 255, 255); caret-color: rgb(51, 51, 51); letter-spacing: 0.544px; color: rgb(89, 89, 89); font-size: 20px;" style="letter-spacing: 0.544px;font-weight: 700;text-align: left;widows: 1;word-spacing: 2px;background-color: rgb(255, 255, 255);caret-color: rgb(51, 51, 51);color: rgb(89, 89, 89);font-size: 20px;"><pre data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-15987645674728="rgb(25, 25, 25)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(230, 230, 230)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-15987645674728="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(0, 0, 0)" data-darkmode-original-color-15987645674728="rgb(0, 0, 0)" data-darkmode-original-color-16000614662251="rgb(0, 0, 0)" data-darkmode-original-color-16001293656023="rgb(0, 0, 0)" data-darkmode-original-color-16002717498915="rgb(0, 0, 0)" data-darkmode-original-color-16011106020833="rgb(0, 0, 0)" data-darkmode-original-color-16019820555834="rgb(0, 0, 0)" data-darkmode-original-color-16032399382140="rgb(0, 0, 0)" data-style="color: rgb(0, 0, 0); letter-spacing: 0.544px;" style="color: rgb(0, 0, 0);letter-spacing: 0.544px;"><section data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-15987645674728="rgb(25, 25, 25)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-15987645674728="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(62, 62, 62)" data-darkmode-original-color-15987645674728="rgb(62, 62, 62)" data-darkmode-original-color-16000614662251="rgb(62, 62, 62)" data-darkmode-original-color-16001293656023="rgb(62, 62, 62)" data-darkmode-original-color-16002717498915="rgb(62, 62, 62)" data-darkmode-original-color-16011106020833="rgb(62, 62, 62)" data-darkmode-original-color-16019820555834="rgb(62, 62, 62)" data-darkmode-original-color-16032399382140="rgb(62, 62, 62)" data-style="letter-spacing: 0px; white-space: normal; font-size: 16px; color: rgb(62, 62, 62); font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; line-height: 1.6;" style="letter-spacing: 0px;white-space: normal;font-size: 16px;color: rgb(62, 62, 62);font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;line-height: 1.6;"><section data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" data-style="padding: 10px; word-break: break-word; line-height: 1.75; color: rgb(89, 89, 89); font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light; letter-spacing: 2px; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;" data-tool="mdnice编辑器" data-website="https://www.mdnice.com" style="padding: 10px;word-break: break-word;line-height: 1.75;color: rgb(89, 89, 89);font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;letter-spacing: 2px;background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);background-size: 20px 20px;background-position: center center;"><h2 data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(230, 230, 230)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(0,0,0)" data-darkmode-original-color-15987645674728="rgb(0,0,0)" data-darkmode-original-color-16000614662251="rgb(0,0,0)" data-darkmode-original-color-16001293656023="rgb(0,0,0)" data-darkmode-original-color-16002717498915="rgb(0,0,0)" data-darkmode-original-color-16011106020833="rgb(0,0,0)" data-darkmode-original-color-16019820555834="rgb(0,0,0)" data-darkmode-original-color-16032399382140="rgb(0,0,0)" data-style="margin-top: 20px; margin-right: 10px; font-weight: bold; font-size: 24px; color: black;" data-tool="mdnice编辑器" style="margin-top: 20px;margin-right: 10px;font-weight: bold;font-size: 24px;color: black;"><span data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" data-style="padding-left: 10px; font-size: 18px; display: inline-block; border-left: 5px solid rgb(222, 198, 251); color: rgb(89, 89, 89);" style="padding-left: 10px;font-size: 18px;display: inline-block;border-left: 5px solid rgb(222, 198, 251);color: rgb(89, 89, 89);">❤️爱心三连击<p data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" data-tool="mdnice编辑器" style="margin-top: 10px;margin-bottom: 10px;padding-top: 8px;padding-bottom: 8px;font-size: 14px;line-height: 26px;">1.看到这里了就点个在看支持下吧，你的<strong data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)">「<span data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(255, 81, 81)" data-darkmode-color-16011106020833="rgb(255, 24, 0)" data-darkmode-color-16019820555834="rgb(255, 24, 0)" data-darkmode-color-16032399382140="rgb(255, 24, 0)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(255, 0, 0)" data-darkmode-original-color-16011106020833="rgb(255, 0, 0)" data-darkmode-original-color-16019820555834="rgb(255, 0, 0)" data-darkmode-original-color-16032399382140="rgb(255, 0, 0)" data-style="color: rgb(255, 0, 0);" style="color: rgb(255, 0, 0);">点赞，<span data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(255, 81, 81)" data-darkmode-color-15987645674728="rgb(255, 24, 0)" data-darkmode-color-16000614662251="rgb(255, 24, 0)" data-darkmode-color-16001293656023="rgb(255, 24, 0)" data-darkmode-color-16002717498915="rgb(255, 24, 0)" data-darkmode-color-16011106020833="rgb(255, 24, 0)" data-darkmode-color-16019820555834="rgb(255, 24, 0)" data-darkmode-color-16032399382140="rgb(255, 24, 0)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(255, 0, 0)" data-darkmode-original-color-15987645674728="rgb(255, 0, 0)" data-darkmode-original-color-16000614662251="rgb(255, 0, 0)" data-darkmode-original-color-16001293656023="rgb(255, 0, 0)" data-darkmode-original-color-16002717498915="rgb(255, 0, 0)" data-darkmode-original-color-16011106020833="rgb(255, 0, 0)" data-darkmode-original-color-16019820555834="rgb(255, 0, 0)" data-darkmode-original-color-16032399382140="rgb(255, 0, 0)" data-style="color: rgb(255, 0, 0);" style="color: rgb(255, 0, 0);">在看<strong data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)">」是我创作的动力。<p data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" data-tool="mdnice编辑器" style="margin-top: 10px;margin-bottom: 10px;padding-top: 8px;padding-bottom: 8px;font-size: 14px;line-height: 26px;">2.关注公众号<code data-darkmode-bgcolor="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-15987645674728="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-16000614662251="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-16001293656023="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-16002717498915="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-16011106020833="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-16019820555834="rgba(202, 184, 187, 0.4)" data-darkmode-bgcolor-16032399382140="rgba(202, 184, 187, 0.4)" data-darkmode-color="rgb(255, 255, 255)" data-darkmode-color-15987645674728="rgb(189, 107, 166)" data-darkmode-color-16000614662251="rgb(189, 107, 166)" data-darkmode-color-16001293656023="rgb(189, 107, 166)" data-darkmode-color-16002717498915="rgb(189, 107, 166)" data-darkmode-color-16011106020833="rgb(189, 107, 166)" data-darkmode-color-16019820555834="rgb(189, 107, 166)" data-darkmode-color-16032399382140="rgb(189, 107, 166)" data-darkmode-original-bgcolor="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-15987645674728="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-16000614662251="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-16001293656023="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-16002717498915="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-16011106020833="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-16019820555834="rgba(230, 210, 213, 0.4)" data-darkmode-original-bgcolor-16032399382140="rgba(230, 210, 213, 0.4)" data-darkmode-original-color="rgb(163, 92, 143)" data-darkmode-original-color-15987645674728="rgb(163, 92, 143)" data-darkmode-original-color-16000614662251="rgb(163, 92, 143)" data-darkmode-original-color-16001293656023="rgb(163, 92, 143)" data-darkmode-original-color-16002717498915="rgb(163, 92, 143)" data-darkmode-original-color-16011106020833="rgb(163, 92, 143)" data-darkmode-original-color-16019820555834="rgb(163, 92, 143)" data-darkmode-original-color-16032399382140="rgb(163, 92, 143)" data-style="margin-right: 2px; margin-left: 2px; padding: 2px 4px; border-radius: 4px; font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgb(163, 92, 143); background-color: rgba(230, 210, 213, 0.4);" style="margin-right: 2px;margin-left: 2px;padding: 2px 4px;border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;color: rgb(163, 92, 143);background-color: rgba(230, 210, 213, 0.4);">程序员成长指北`，回复「1」加入Node进阶交流群！「在这里有好多 Node 开发者，会讨论 Node 知识，互相学习」！<p data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" data-tool="mdnice编辑器" style="margin-top: 10px;margin-bottom: 10px;padding-top: 8px;padding-bottom: 8px;font-size: 14px;line-height: 26px;">3.也可添加微信【<strong data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)">ikoala520】，一起成长。<br data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)"></br><p data-darkmode-bgcolor="rgba(66, 66, 66, 0)" data-darkmode-bgcolor-15987645674728="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16000614662251="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16001293656023="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16002717498915="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16011106020833="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16019820555834="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-bgcolor-16032399382140="rgba(112, 0, 0, 0.018750000000000003)" data-darkmode-color="rgb(168, 168, 168)" data-darkmode-color-15987645674728="rgb(141, 141, 141)" data-darkmode-color-16000614662251="rgb(141, 141, 141)" data-darkmode-color-16001293656023="rgb(141, 141, 141)" data-darkmode-color-16002717498915="rgb(141, 141, 141)" data-darkmode-color-16011106020833="rgb(141, 141, 141)" data-darkmode-color-16019820555834="rgb(141, 141, 141)" data-darkmode-color-16032399382140="rgb(141, 141, 141)" data-darkmode-original-bgcolor="rgba(0, 0, 0, 0)" data-darkmode-original-bgcolor-15987645674728="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16000614662251="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16001293656023="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16002717498915="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16011106020833="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16019820555834="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-bgcolor-16032399382140="rgba(20, 0, 0, 0.018750000000000003)" data-darkmode-original-color="rgb(89, 89, 89)" data-darkmode-original-color-15987645674728="rgb(89, 89, 89)" data-darkmode-original-color-16000614662251="rgb(89, 89, 89)" data-darkmode-original-color-16001293656023="rgb(89, 89, 89)" data-darkmode-original-color-16002717498915="rgb(89, 89, 89)" data-darkmode-original-color-16011106020833="rgb(89, 89, 89)" data-darkmode-original-color-16019820555834="rgb(89, 89, 89)" data-darkmode-original-color-16032399382140="rgb(89, 89, 89)" style="text-align: center;"><img class="rich_pages" data-cropselx1="0" data-cropselx2="400" data-cropsely1="0" data-cropsely2="222" data-ratio="0.5555555555555556" data-src="https://mmbiz.qpic.cn/mmbiz_png/YBFV3Da0NwtPCRb4XCz4KW4tqjSzD3xhYMPUkWl31YgricxEQxHkjbOuUiavia9rNmxibfnwj0KzD58SNBE8EKL2Jw/640?wx_fmt=jpeg" data-type="jpeg" data-w="900" src="https://oss-cn-hangzhou.aliyuncs.com/codingsky/cdn/img/2020-10-24/cd31266ff0841a85462b7b61ce3d3bc6" style="color: rgb(62, 62, 62);font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;box-sizing: border-box !important;visibility: visible !important;width: 400px !important;"></img><p data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-15987645674728="rgb(25, 25, 25)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(230, 230, 230)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-15987645674728="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(0, 0, 0)" data-darkmode-original-color-15987645674728="rgb(0, 0, 0)" data-darkmode-original-color-16000614662251="rgb(0, 0, 0)" data-darkmode-original-color-16001293656023="rgb(0, 0, 0)" data-darkmode-original-color-16002717498915="rgb(0, 0, 0)" data-darkmode-original-color-16011106020833="rgb(0, 0, 0)" data-darkmode-original-color-16019820555834="rgb(0, 0, 0)" data-darkmode-original-color-16032399382140="rgb(0, 0, 0)" style="white-space: normal;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;letter-spacing: 0.578px;text-align: right;"><br data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-15987645674728="rgb(25, 25, 25)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(230, 230, 230)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-15987645674728="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(0, 0, 0)" data-darkmode-original-color-15987645674728="rgb(0, 0, 0)" data-darkmode-original-color-16000614662251="rgb(0, 0, 0)" data-darkmode-original-color-16001293656023="rgb(0, 0, 0)" data-darkmode-original-color-16002717498915="rgb(0, 0, 0)" data-darkmode-original-color-16011106020833="rgb(0, 0, 0)" data-darkmode-original-color-16019820555834="rgb(0, 0, 0)" data-darkmode-original-color-16032399382140="rgb(0, 0, 0)"></br><p data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(172, 172, 172)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(58, 58, 58)" data-darkmode-original-color-15987645674728="rgb(58, 58, 58)" data-darkmode-original-color-16000614662251="rgb(58, 58, 58)" data-darkmode-original-color-16001293656023="rgb(58, 58, 58)" data-darkmode-original-color-16002717498915="rgb(58, 58, 58)" data-darkmode-original-color-16011106020833="rgb(58, 58, 58)" data-darkmode-original-color-16019820555834="rgb(58, 58, 58)" data-darkmode-original-color-16032399382140="rgb(58, 58, 58)" data-style="margin-bottom: 20px; font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif; font-size: 16px; white-space: normal; letter-spacing: 0.544px; line-height: 1.8em; color: rgb(58, 58, 58); text-align: right;" data-tool="mdnice编辑器" style="margin-bottom: 20px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;white-space: normal;letter-spacing: 0.544px;line-height: 1.8em;color: rgb(58, 58, 58);text-align: right;"><strong data-darkmode-bgcolor="rgb(36, 36, 36)" data-darkmode-bgcolor-16000614662251="rgb(25, 25, 25)" data-darkmode-bgcolor-16001293656023="rgb(25, 25, 25)" data-darkmode-bgcolor-16002717498915="rgb(25, 25, 25)" data-darkmode-bgcolor-16011106020833="rgb(25, 25, 25)" data-darkmode-bgcolor-16019820555834="rgb(25, 25, 25)" data-darkmode-bgcolor-16032399382140="rgb(25, 25, 25)" data-darkmode-color="rgb(230, 230, 230)" data-darkmode-color-15987645674728="rgb(163, 163, 163)" data-darkmode-color-16000614662251="rgb(163, 163, 163)" data-darkmode-color-16001293656023="rgb(163, 163, 163)" data-darkmode-color-16002717498915="rgb(163, 163, 163)" data-darkmode-color-16011106020833="rgb(163, 163, 163)" data-darkmode-color-16019820555834="rgb(163, 163, 163)" data-darkmode-color-16032399382140="rgb(163, 163, 163)" data-darkmode-original-bgcolor="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 255, 255)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 255, 255)" data-darkmode-original-color="rgb(0,0,0)" data-darkmode-original-color-15987645674728="rgb(0,0,0)" data-darkmode-original-color-16000614662251="rgb(0,0,0)" data-darkmode-original-color-16001293656023="rgb(0,0,0)" data-darkmode-original-color-16002717498915="rgb(0,0,0)" data-darkmode-original-color-16011106020833="rgb(0,0,0)" data-darkmode-original-color-16019820555834="rgb(0,0,0)" data-darkmode-original-color-16032399382140="rgb(0,0,0)" data-style="color: black;" style="color: black;"><span data-darkmode-bgcolor="rgb(249, 197, 0)" data-darkmode-bgcolor-15987645674728="rgb(249, 197, 0)" data-darkmode-bgcolor-16000614662251="rgb(249, 197, 0)" data-darkmode-bgcolor-16001293656023="rgb(249, 197, 0)" data-darkmode-bgcolor-16002717498915="rgb(249, 197, 0)" data-darkmode-bgcolor-16011106020833="rgb(249, 197, 0)" data-darkmode-bgcolor-16019820555834="rgb(249, 197, 0)" data-darkmode-bgcolor-16032399382140="rgb(249, 197, 0)" data-darkmode-color="rgb(255, 255, 255)" data-darkmode-color-15987645674728="rgb(255, 255, 255)" data-darkmode-color-16000614662251="rgb(255, 255, 255)" data-darkmode-color-16001293656023="rgb(255, 255, 255)" data-darkmode-color-16002717498915="rgb(255, 255, 255)" data-darkmode-color-16011106020833="rgb(255, 255, 255)" data-darkmode-color-16019820555834="rgb(255, 255, 255)" data-darkmode-color-16032399382140="rgb(255, 255, 255)" data-darkmode-original-bgcolor="rgb(255, 202, 0)" data-darkmode-original-bgcolor-15987645674728="rgb(255, 202, 0)" data-darkmode-original-bgcolor-16000614662251="rgb(255, 202, 0)" data-darkmode-original-bgcolor-16001293656023="rgb(255, 202, 0)" data-darkmode-original-bgcolor-16002717498915="rgb(255, 202, 0)" data-darkmode-original-bgcolor-16011106020833="rgb(255, 202, 0)" data-darkmode-original-bgcolor-16019820555834="rgb(255, 202, 0)" data-darkmode-original-bgcolor-16032399382140="rgb(255, 202, 0)" data-darkmode-original-color="rgb(255, 255, 255)" data-darkmode-original-color-15987645674728="rgb(255, 255, 255)" data-darkmode-original-color-16000614662251="rgb(255, 255, 255)" data-darkmode-original-color-16001293656023="rgb(255, 255, 255)" data-darkmode-original-color-16002717498915="rgb(255, 255, 255)" data-darkmode-original-color-16011106020833="rgb(255, 255, 255)" data-darkmode-original-color-16019820555834="rgb(255, 255, 255)" data-darkmode-original-color-16032399382140="rgb(255, 255, 255)" data-style="margin-right: 3px; margin-left: 3px; padding: 1px 3px; border-radius: 2px; background-color: rgb(255, 202, 0); color: rgb(255, 255, 255);" style="margin-right: 3px;margin-left: 3px;padding: 1px 3px;border-radius: 2px;background-color: rgb(255, 202, 0);color: rgb(255, 255, 255);">“在看转发”是最大的支持