2013-08-06 30 views
0

我剛剛負責將網站從Windows服務器遷移到Linux服務器。有沒有檢查CSS url文件的工具?

我注意到的一個問題是,有一些CSS url()定義不起作用,因爲CSS中的大小寫與實際文件不一樣。

如:

background: url(myFile.jpg); 

而文件實際上是MyFile.jpg在服務器上。

有誰知道一個簡單的工具或瀏覽器插件,我可以用它來掃描CSS文件並驗證url()聲明是否存在以便我可以輕鬆找到並修復它們?

該網站是相當大的,所以我不想瀏覽頁面找到404錯誤,如果我可以避免它。

+0

請注意,linux中的文件名區分大小寫! 這永遠是從win遷移到linux的主要目標 – DarkBee

+1

只是在瀏覽器中打開頁面,看到網絡部分的錯誤 – mikach

回答

0

什麼,如果你只是寫入一個HTTP請求到瀏覽器的URL欄直接指向圖像和/或CSS?

0

如何在Firefox中使用firebug?它會給你所有的404控制檯。 download

1

在Google Chrome或Firefox的Firebug中使用開發工具。

當您使用該CSS加載HTML頁面時,它將顯示「網絡」選項卡中缺少的任何資源。

編輯

我想沒有將通過CSS文件中所有的URL

  1. 掃描
  2. 檢查是否每個URL存在與否的任何工具。

但是,您可以嘗試以下兩個鏈接來完成這兩項任務。

  1. RegEx to get the URLs from CSS:有了這個,你將在CSS
  2. Check if a URL exists or not with cURL使用的URL的所有的列表:在PHP中的例子給出。

您仍然可以單獨搜索這兩個項目並嘗試修復問題。

讓我知道這是否有幫助。

+0

這就是我最初做的,但該網站是相當大的。我已經更新了我的問題來解釋這一點。 –

+0

給我的答案增加了更多細節。看看是否有幫助。 –

0

如果您使用Firefox,您可以安裝Firebug,或者如果您使用的是Chrome,則可以按F12。我認爲這與IE一樣..從那裏您將能夠檢查URL,甚至查看它在一個新的標籤。

0

原來,W3c Link Checker也掃描非常方便的CSS文件。

如果這一直沒有奏效,我將不得不把Vanga的解決方案放在一起。