使用Redirector插件解决googleapis公共库加载的问题【转】
2017-09-12 10:19
483 查看
转自:http://www.cnblogs.com/kari/p/5860371.html
最近访问一些面向国外的网站总是会出现ajax.googleaips.com无法加载的情况.以下为加载stackoverflow时的情境:
图1 -无法加载的google公共库
问题的原因是谷歌没有在国内开放ajax公共库服务
外部样式表,外部脚本, 图片等均可以添加至作用范围
熟悉Github的用户也可以直接前往项目主页上找下载链接:einaregilsson/Redirector
下面以我使用的Firefox为例。
安装后工具栏中会出现Redirector的图标,点击弹出菜单
图2 -弹出菜单
菜单中包含启用/停用与编辑重定向规则两个按钮,这里我们点击第二个按钮进入设置页面来编辑重定向规则
图3 -设置页面
点击‘Create new redirect’来新建重定向规则
图4 -编辑重定向规则
然后依次填写各项
Description中填写描述,这里我们填写Ajax来说明这条重定向规则应用于谷歌Aja公共库,当然你也可以随便填其他内容
Example URL中随便填写一个要应用重定向的URl, 这里我们使用 http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Include partten中填写用来识别要应用重定向的URl的表达式,这里我们填写 *ajax.googleapis.com*
Redirect to中填写欲重定向至的URL,这里我们填写 $1ajax.lug.ustc.edu.cn$2
图5 -依次填写各项
依次填写各项后Example result项会显示出将Example Url根据规则修改后的结果,这里显示出http://ajax.lug.ustc.edu.cn/ajax/libs/jquery/1.7.1/jquery.min.js,嗯,非常完美不是吗
之前国内常用的是360镜像ajax.useso.com, 不过最近挂掉了, 于是我在网上找到了另一个镜像ajax.lug.ustc.edu.cn
关于ajax.lug.ustc.edu.cn请查看这篇文章
$1, $2, $3 in the redirect urls will match the text that the stars matched.
也就是说Redirect to中的$1、$2分别指代了Include partten中第一个、第二个‘ * ’星号所匹配的内容
我们的设置方法通俗的说就是把原Url中ajax.googleapis.com之前与之后的内容分别抓取下来,粘贴到ajax.lug.ustc.edu.cn前后, 形成新的网址
更多关于匹配规则的内容请查看关于正则表达式的教程
接下来点击'Show advanced options',显示高级选项来设置规则的应用范围
图6 -显示高级选项
在Apply to中可以选择规则的应用范围,默认勾选的是Main window一项,重定向地址栏。这里我们只勾选Script一项,将规则应用到外部脚本中
最后点击Save来保存,就会得到与图3一样的页面
再次加载文章开头提到的Stackoverflow网站
图7 -成功加载Stackoverflow网站
大功告成!
之后使用设置页面的Import功能导入该文件就可以加载与上文相同的重定向规则
如果你喜欢本文,请点击下方推荐按钮
最近访问一些面向国外的网站总是会出现ajax.googleaips.com无法加载的情况.以下为加载stackoverflow时的情境:
图1 -无法加载的google公共库
问题的原因是谷歌没有在国内开放ajax公共库服务
使用Redirector解决公共库加载问题
Redirector这个插件的功能正如它的名字, 可以对网页中的内容进行重定向外部样式表,外部脚本, 图片等均可以添加至作用范围
安装
Redirector目前支持Firefox、Chrome、Opera三款浏览器,可以前往对应浏览器的应用市场下载安装相应版本熟悉Github的用户也可以直接前往项目主页上找下载链接:einaregilsson/Redirector
使用
注:如果你不希望手动设置,可以直接浏览“使用Import来导入设置”一节来使用导入来进行设置下面以我使用的Firefox为例。
安装后工具栏中会出现Redirector的图标,点击弹出菜单
图2 -弹出菜单
菜单中包含启用/停用与编辑重定向规则两个按钮,这里我们点击第二个按钮进入设置页面来编辑重定向规则
图3 -设置页面
点击‘Create new redirect’来新建重定向规则
图4 -编辑重定向规则
然后依次填写各项
Description中填写描述,这里我们填写Ajax来说明这条重定向规则应用于谷歌Aja公共库,当然你也可以随便填其他内容
Example URL中随便填写一个要应用重定向的URl, 这里我们使用 http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Include partten中填写用来识别要应用重定向的URl的表达式,这里我们填写 *ajax.googleapis.com*
Redirect to中填写欲重定向至的URL,这里我们填写 $1ajax.lug.ustc.edu.cn$2
图5 -依次填写各项
依次填写各项后Example result项会显示出将Example Url根据规则修改后的结果,这里显示出http://ajax.lug.ustc.edu.cn/ajax/libs/jquery/1.7.1/jquery.min.js,嗯,非常完美不是吗
关于国内谷歌公共库镜像ajax.lug.ustc.edu.cn
我们需要有一个可以提供相同服务的镜像来替换ajax.googleapis.com之前国内常用的是360镜像ajax.useso.com, 不过最近挂掉了, 于是我在网上找到了另一个镜像ajax.lug.ustc.edu.cn
关于ajax.lug.ustc.edu.cn请查看这篇文章
关于Include partten中的' * '占位符与Redirect to中的' $ '符号
官方文档中的一句话$1, $2, $3 in the redirect urls will match the text that the stars matched.
也就是说Redirect to中的$1、$2分别指代了Include partten中第一个、第二个‘ * ’星号所匹配的内容
我们的设置方法通俗的说就是把原Url中ajax.googleapis.com之前与之后的内容分别抓取下来,粘贴到ajax.lug.ustc.edu.cn前后, 形成新的网址
更多关于匹配规则的内容请查看关于正则表达式的教程
接下来点击'Show advanced options',显示高级选项来设置规则的应用范围
图6 -显示高级选项
在Apply to中可以选择规则的应用范围,默认勾选的是Main window一项,重定向地址栏。这里我们只勾选Script一项,将规则应用到外部脚本中
最后点击Save来保存,就会得到与图3一样的页面
再次加载文章开头提到的Stackoverflow网站
图7 -成功加载Stackoverflow网站
大功告成!
使用Import来导入设置
将以下代码随便复制到一个新文件中{ "createdBy": "Redirector v3.1.0", "createdAt": "2016-09-10T13:29:02.323Z", "redirects": [ { "description": "Ajax", "exampleUrl": "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", "exampleResult": "http://ajax.lug.ustc.edu.cn/ajax/libs/jquery/1.7.1/jquery.min.js", "error": null, "includePattern": "*ajax.googleapis.com*", "excludePattern": "", "redirectUrl": "$1ajax.lug.ustc.edu.cn$2", "patternType": "W", "processMatches": "noProcessing", "disabled": false, "appliesTo": [ "script" ] } ] }
之后使用设置页面的Import功能导入该文件就可以加载与上文相同的重定向规则
如果你喜欢本文,请点击下方推荐按钮
相关文章推荐
- 使用Redirector插件解决googleapis公共库加载的问题
- 使用360常用前端公共库CDN服务解决googleapis打不开的问题
- 关于ueditor编辑器插件的使用记录 --- 解决"后端配置项没有正常加载,上传插件不能正常使用"上传图片处的问题
- 解决tmpl插件与图片自动轮播插件结合使用,无法加载mytv()方法问题
- Joomla使用ajax.googleapis.com导致网页加载非常慢的解决方法
- CEFGlue 加载FLASH 使用HOOK 方式 解决 CEF 加载 PPAPI FLASH 插件时弹出 CMD 命令行 窗口的问题
- 原 ajax.googleapis.com等公共库加载被“墙”的解决方法!
- 使用线程加载UIImagePickerController,解决卡屏问题
- 终于解决了eclipse的metrics插件使用一段时间后就无法使用的问题
- Spring使用OpenSessionInViewFilter解决Hibernate的lazy延时加载问题
- FckEditor使用时遇到的两个问题,未能加载xxxx和上传图片无响应的解决方法
- maven2 eclipse 插件wizard 无法使用问题及解决
- 使用JQuery解决图片自适应大小问题(比较好的解决图片从加载到完全显示的大小问题)
- 解决google 广告加载 慢 的问题
- 还为使用google搜索找不到自己要的技术文章吗?彻底解决访问google域名地址搜索网站间歇访问无法找到服务器的问题
- 解决在log4net 中使用sqlite 无法加载“SQLite.Interop.066.DLL ”的问题
- 使用jrebel插件解决修改项目中的class导致server重启问题-----for resin server
- 使用struts2 的jsonplugin插件与opensessioninview和hibernate延迟加载时遇到的问题
- maven eclipse插件使用问题解决
- ireport $P{SUBREPORT_DIR}参数的使用 解决:Could not load object from location 不能加载子报表问题