2013-05-01 123 views
0

我有一個簡單的網頁結構:鉻顯示所無法加載資源

-index.html 
-css 
    -style.css 

的HTML的內容是:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>test</title> 
    <link rel="stylesheet" href="/css/style.css"> 
</head> 
<body> 

</body> 
</html> 

當我在Chrome中打開HTML我得到的錯誤:

Failed to load resource file:///C:/css/style.css

我的目錄是在Windows我的文檔。爲什麼不能.css文件中找到?

+2

嘗試'HREF = 「CSS/style.css文件」'。 – Vucko 2013-05-01 12:13:59

+0

你沒有斜線的意思'CSS/style.css' – 2013-05-01 12:14:15

回答

5

由於控制檯顯示,你的路徑

/css/style.css 

的意思是 「 'CSS' 目錄中的根路徑」:

C:/css/style.css 

這是不是你想要的*。

使用css/style.css - 這將意味着「當前頁面所在目錄中的'css'子目錄。」

*但即使已經被你想要什麼,前往當地file://網址是有限的,因爲您請求的任何資源(圖片,樣式表)需要在當前頁面的子目錄。現代瀏覽器施加這種限制出於安全原因。

1

正向第一斜線表示的絕對路徑(從根)。因爲你是從文件系統中運行你的頁面中,根是驅動器。

沒有正斜槓首先表示相對路徑(來自當前文件夾)。

您可能還想創建具有「--allow-file-access-from-files」標誌的chrome瀏覽器的快捷方式,因此您可以在添加更多高級功能時更好地在本地測試您的網站。