2019-04-03发表Tech / FrontEnd2 分钟读完 (大约314个字) 次访问

编写Chrome插件将googleapis替换为国内可访问的CDN

由于公司不能安装梯子，所以不能访问谷歌商店，平时频繁地要访问国外的AngularJS网站，比如AgGrid，AngularJS Material，AngularJS官网等，很多用了Google的CDN源，页面就无法正常加载。

一开始的思路是改host文件，但是我们没有Google CDN的证书，会造成证书错误。

参考并优化了：https://github.com/justjavac/ReplaceGoogleCDN ，动手写了一个Chrome插件，对所有特定请求重定向，解决痛点！

新建2个文件，放在同目录下。

manifest.json

{
    "name": "googleapis replacer",
    "version": "0.1",
    "manifest_version": 2,
    "description": "googleapis replacer",
    "background": {
        "scripts": [
            "main.js"
        ]
    },
    "permissions": [
        "webRequest",
        "webRequestBlocking",
        "<all_urls>"
    ]
}

main.js

var rules = [
    { "s": "ajax.googleapis.com", "t": "ajax.loli.net" },
    { "s": "fonts.googleapis.com", "t": "fonts.loli.net" },
];

chrome.webRequest.onBeforeRequest.addListener(
    function (request) {
        var redirectUrl;
        var requestURL = request.url;

        for (var i in rules) {
            if (requestURL.indexOf(rules[i].s)) {
                redirectUrl = requestURL.replace(rules[i].s, rules[i].t);
                return { redirectUrl: redirectUrl };
            }
        }
    },
    {
        urls: [
            "*://ajax.googleapis.com/*",
            "*://themes.googleusercontent.com/*"
        ]
    },
    ["blocking"]
);