chrome浏览器替换code.jquery.com CDN的加速URL

站在巨人的肩上。。。。。。

js表格tabulator，所有feature（特征）都开放使用，看起来也很美观，那就弃用ag-grid。

但是tabulator的快速入门文档，看不到代码，鼠标拖选也可以看：

打开页面又慢，按F12看调试信息，code.jquery.com无法访问（注：https://power.larc.nasa.gov/，如果想在线查看/导出光照时间，data-access-viewer页面的小组件通常无法用，也是这个原因）。

可以使用chrome的扩展：ReplaceG**gleCDN-0.6.0，来解决这个问题。将它解压，增加想替换的URL即可，注意这里使用了Microsoft的CDN，有的CDN对跨域访问会因为无 'Access-Control-Allow-Origin' 而拒绝访问。

/*** @type {Map<string, boolean>}*/
const tabinfo = new Map();/*** 扫描响应头，是否含有 Content-Security-Policy* @param {object[]} headers* @returns {boolen}*/
function hasCSP(headers) {return headers.some(x => x.name.toLowerCase() === 'content-security-policy')
};chrome.webRequest.onHeadersReceived.addListener(function (details) {tabinfo.set(details.tabId, hasCSP(details.responseHeaders))},{urls: ['<all_urls>'],types: ['main_frame'],},['responseHeaders']
);chrome.webRequest.onBeforeRequest.addListener(function (details) {if (tabinfo.get(details.tabId)) {return details.url;}let url = details.url.replace('http://', 'https://')url = url.replace('ajax.googleapis.com', 'ajax.loli.net');url = url.replace('fonts.googleapis.com', 'fonts.loli.net');url = url.replace('themes.googleusercontent.com', 'themes.loli.net');url = url.replace('fonts.gstatic.com', 'gstatic.loli.net');url = url.replace('www.google.com/recaptcha/', 'www.recaptcha.net/recaptcha/');url = url.replace('secure.gravatar.com', 'gravatar.loli.net');// replace code.jquery.comurl = url.replace('code.jquery.com/ui/', 'ajax.aspnetcdn.com/ajax/jquery.ui/');url = url.replace('code.jquery.com', 'ajax.aspnetcdn.com/ajax/jQuery/');// replace prettyurl = url.replace('cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?style=desert', 'cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.min.js');url = url.replace('google-code-prettify.googlecode.com/svn/loader/prettify.css', 'cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css');url = url.replace('cdn.rawgit.com/google/code-prettify/master/loader/', 'cdnjs.cloudflare.com/ajax/libs/prettify/r298/');return { redirectUrl: url };},{urls: ["*://ajax.googleapis.com/*","*://fonts.googleapis.com/*","*://themes.googleusercontent.com/*","*://fonts.gstatic.com/*","*://www.google.com/recaptcha/*","*://secure.gravatar.com/*","*://code.jquery.com/*","*://cdn.rawgit.com/*","*://google-code-prettify.googlecode.com/*",]},["blocking"]
);chrome.tabs.onRemoved.addListener(function (tabId) {tabinfo.delete(tabId);
});

urls中不能忘记加入需要替换的域名。

在Chrome的扩展程序中，加载即可，无须打包，并在右下角“重新加载”一下。

当然，打开首页也正常了，可以看到下面的example代码。

chrome浏览器替换code.jquery.com CDN的加速URL相关推荐

chrome 浏览器 console 加入 jquery 测试调试一介布衣
chrome 浏览器 console 加入 jquery 测试调试一介布衣 var jquery = document.createElement('script'); jquery.src = & ...
google支持本地ajax,360chrome,google chrome浏览器使用jquery.ajax加载本地html文件
使用360chrome和google chrome浏览器加载本地html文件时,会报错,提示: XMLHttpRequest cannot load file:///Y:/jswg/code/html ...
chrome浏览器模拟手机端：jquery click()点击无效解决方法
chrome浏览器模拟手机端:jquery click()点击无效解决方法参考文章: (1)chrome浏览器模拟手机端:jquery click()点击无效解决方法 (2)https://www. ...
向浏览器console 里面导入JQuery在线CDN
向浏览器console 里面导入JQuery在线CDN 1.查看目前网页是否存在JQuery $.fn; 不存在JQuery 存在JQuery 2.那么在浏览器中,该页面没有JQuery,应该如何导入 ...
一、Chrome浏览器调试工具/文档
https://www.html.cn/doc/chrome-devtools/settings/ https://developers.google.cn/web/tools/chrome-devt ...
Google Chrome浏览器使用技巧
前言 Google Chrome 浏览器是目前开发者最常用的浏览器,其具有稳定性.快速和安全性的特点,并创造出简单且有效率的用户界面,在全球桌面浏览器中大约有66%的占有率. 1.打开调试通过按 C ...
Chrome浏览器插件(扩展)开发全攻略
写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这个demo里面:https://github ...
浏览器渲染机制面试_面试官不讲码德，问我Chrome浏览器的渲染原理（6000字长文）...
前言对于HTML,css和JavaScript是如何变成页面的,这个问题你了解过吗?浏览器究竟在背后都做了些什么事情呢?让我们去了解浏览器的渲染原理,是通往更深层次的开发必不可少的事情,能让我们更深 ...
chrome浏览器本地信息的获取与设置
简介本文主要针对前段开发,对于生产环境的开发经常会遇到拷被chrome本地LocalStroage里边的信息,手动的C和V显的太过繁琐.这里我主要使用chrome的插件(暴力猴)进行书写脚本解决这一 ...

chrome浏览器替换code.jquery.com CDN的加速URL

chrome浏览器替换code.jquery.com CDN的加速URL相关推荐

最新文章

热门文章