2012-05-17 29 views
2

例如,網頁加載的JavaScript文件,這樣head標籤內:如何從cleint端的網頁攔截Javascript/CSS文件請求,並加載替代文件insted?

<script src="http://www.somedomain.com/js/somejsfile.js"></script> 

或CSS文件:

<link rel="stylesheet" type="text/css" 
     href="http://www.somedomain.com/somecssfile.css"> 

我想實現的是,在加載頁面本身,而不是原來的http://www.somedomain.com/js/somejsfile.js它應該加載另一個文件http://www.anotherdomain.com/js/anotherfile.js

可能會通過一些自定義的Firefox/Chrome(最好不是IE)擴展或其他東西。

提示:

這也可以用來替補多jQuery庫等從本地源,而不是遠程谷歌*託管文件加載。

+0

這是你自己的地方用我承擔?我建議查找Greasemonkey併爲它寫一個腳本.https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/ – KingCronus

+1

@KingCronus:GreaseMonkey不是所有問題的答案。它不會在這裏工作,GreaseMonkey只會在腳本加載後纔會激活。 –

+0

有效點,我沒有想到這一點。 – KingCronus

回答

0

在「document_start」中注入自己的內容腳本將使您有機會分析和修改文檔,即使在構建DOM並啓動任何腳本之前。 但是那時候,所有的CSS文件都已經被加載了。也許你可以用其他CSS重新定義它們。

請參閱「run_at」中的「內容的腳本」財產屬性,manifest.json中: http://code.google.com/chrome/extensions/content_scripts.html

+0

此Approche不起作用。 正如你所說,「document_start」在「DOM構造之前」起作用,所以你不能「分析和修改文檔」,因爲你不會發現'head'和'body'來分析。 – Mouneer