天天看點

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

最近通路一些面向國外的網站總是會出現ajax.googleaips.com無法加載的情況.以下為加載stackoverflow時的情境:

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖1 -無法加載的google公共庫

問題的原因是谷歌沒有在國内開放ajax公共庫服務

使用Redirector解決公共庫加載問題

Redirector這個插件的功能正如它的名字, 可以對網頁中的内容進行重定向

外部樣式表,外部腳本, 圖檔等均可以添加至作用範圍

安裝

Redirector目前支援Firefox、Chrome、Opera三款浏覽器,可以前往對應浏覽器的應用市場下載下傳安裝相應版本

熟悉Github的使用者也可以直接前往項目首頁上找下載下傳連結:einaregilsson/Redirector

使用

注:如果你不希望手動設定,可以直接浏覽“使用Import來導入設定”一節來使用導入來進行設定

下面以我使用的Firefox為例。

安裝後工具欄中會出現Redirector的圖示,點選彈出菜單

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖2 -彈出菜單

菜單中包含啟用/停用與編輯重定向規則兩個按鈕,這裡我們點選第二個按鈕進入設定頁面來編輯重定向規則

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖3 -設定頁面

點選‘Create new redirect’來建立重定向規則

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖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

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖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',顯示進階選項來設定規則的應用範圍

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖6 -顯示進階選項

在Apply to中可以選擇規則的應用範圍,預設勾選的是Main window一項,重定向位址欄。這裡我們隻勾選Script一項,将規則應用到外部腳本中

最後點選Save來儲存,就會得到與圖3一樣的頁面

再次加載文章開頭提到的Stackoverflow網站

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

圖7 -成功加載Stackoverflow網站

大功告成!

使用Import來導入設定

将以下代碼随便複制到一個新檔案中

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

{

"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"]

}

]

}

ajax.googleapis firefox,使用Redirector插件解決googleapis公共庫加載的問題【轉】

之後使用設定頁面的Import功能導入該檔案就可以加載與上文相同的重定向規則

如果你喜歡本文,請點選下方推薦按鈕