Replace Google CDN

将 Google CDN 替换为国内的。

缘起

由于众所周知的原因，只需替换一个域名就可以继续使用 Google 提供的前端公共库了。 同样，通过 script 标记引用这些资源，让网站访问速度瞬间提速！

很多网站，尤其是国外网站，为了加快网站的速度，都使用了 Google 的 CDN。 但是在天朝，由于某些原因，导致全球最快的 CDN 变成了全球最慢的。

于是，我写了这个插件/扩展，将 Google 的 CDN 替换成国内的。

原理

默认未启用的规则, 如需启用请到扩展选项页自行打开

此插件/扩展可以将以下的 cdn 资源替换为国内的：

1. ajax.googleapis.com - 前端公共库，替换为 ajax.loli.net
2. fonts.googleapis.com - 免费字体库，替换为 fonts.googleapis.cn
3. themes.googleusercontent.com - fonts 有时会使用到这个里面的资源，替换为 themes.loli.net
4. fonts.gstatic.com - 免费字体库，替换为 fonts.gstatic.cn
5. www.google.com/recaptcha - Google 图像验证库，替换为 www.recaptcha.net/recaptcha
6. secure.gravatar.com - gravatar 头像，替换为 gravatar.loli.net
7. maxcdn.bootstrapcdn.com/bootstrap - bootstrap 框架使用的 CDN，替换为 lib.baomitu.com/twitter-bootstrap/
8. code.jquery.com/jquery-(version)(suffix) - jquery 框架使用的 CDN，替换为 https://fastly.jsdelivr.net/npm/jquery@$verson/dist/jquery$suffix
9. cdnjs.cloudflare.com - 替换为 cdnjs.loli.net 默认未启用, 如需启用请到扩展选项页自行打开
10. cdn.jsdelivr.net - 替换为 fastly.jsdelivr.net
11. developers.google.com - 替换为 developers.google.cn 默认未启用, 如需启用请到扩展选项页自行打开
12. developer.android.com - 替换为 developer.android.google.cn 默认未启用, 如需启用请到扩展选项页自行打开
13. source.android.com - 替换为 source.android.google.cn 默认未启用, 如需启用请到扩展选项页自行打开
14. www.gstatic.com - 替换为 www.gstatic.cn 默认未启用, 如需启用请到扩展选项页自行打开
15. lh3.googleusercontent.com 默认未启用, 如需启用请到扩展选项页自行打开
16. cdn.sstatic.net- 替换为 sstatic.net 默认未启用, 如需启用请到扩展选项页自行打开

扩展选项页使用简述

1. 点击扩展图标-自动打开扩展选项页
2. 扩展选项配置原理

v3 功能变更记录CHANGELOG-v3-x.x.x

v2 功能变更记录CHANGELOG-v2-x.x.x

效果

安装扩展/插件后访问 https://stackoverflow.com/questions 页面：

第一行是 jquery.min.js 的原始请求 https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js，被拦截并替换，返回的状态码为 307 Internal Redirect，耗时 26ms。第三行是 jquery.min.js 被替换后的请求，33kB，耗时 95ms。

下表是各种资源的网络请求对比（以替换后的速度为基准 100%）：

打包命令

bash   release-archive-v2.sh

bash   release-archive-v3.sh

安装

在线安装

• Chrome
• Firefox
• Edge

手动安装：

Chrome 安装方法（Google 被墙了上不去）：

1. 下载 ReplaceGoogleCDN 然后解压， 找到 extension 子目录
2. 打开 Chrome，输入: chrome://extensions/
3. 勾选 Developer Mode
4. 选择 Load unpacked extension... 然后定位到刚才解压的文件夹里面的 extension 目录，确定
5. 这就安装好了，去掉 Developer Mode 勾选。

扩展下载方式三：(来自国内镜像) 克隆源代码以后， 步骤如上： 👆 👆 👆

1. ReplaceGoogleCDN gitee 镜像
2. ReplaceGoogleCDN gitcode 镜像

# 克隆源代码
git clone -b master https://gitee.com/mirrors/replacegooglecdn.git --depth=1 --progress
# 或者
git clone -b master https://gitcode.com/mirrors/justjavac/replacegooglecdn.git --depth=1 --progress

# 更新源代码

git -C replacegooglecdn pull  --depth=1 --progress  --rebase=true

扩展下载方式四：（已经构建好，可以上传扩展市场的代码）

1. ReplaceGoogleCDN-v3.zip（release v3 版本）支持 chromium 系列浏览器
2. ReplaceGoogleCDN-v2.zip（release v2 版本）同时支持 firefox 和 chromium 系列浏览器
3. ReplaceGoogleCDN.zip（全部源码）

扩展下载方式四, 构建原理

# 原理： github: page + action

# 构建脚本
https://github.com/jingjingxyk/jingjingxyk.github.io/blob/main/tools/setup-gh-pages-step-02-chromium-extension.sh

# 源代码打包下载地址
https://www.jingjingxyk.com/chromium-extension/ReplaceGoogleCDN.zip

# 已经构建好扩展包下载地址
https://www.jingjingxyk.com/chromium-extension/ReplaceGoogleCDN-v2.zip
https://www.jingjingxyk.com/chromium-extension/ReplaceGoogleCDN-v3.zip

declarative_net_reques 配置示例

测试用例

公共 CDN 静态资源库

网络拨测工具 (测试 公共 CDN 静态资源库 区域可用性)