Question

我有一个简单的网页结构：

-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时出现错误：

无法加载资源文件：/// C：/css/style.css

我的目录位于Windows的Mydocuments中。为什么找不到.css文件？

Answer 1

正如控制台所示，您的路径

/css/style.css

表示“根路径中的'css'目录”：

C:/css/style.css

这不是你想要的*。

使用css/style.css - 这意味着“当前页面所在目录中的'css'子目录。”

_{*但即使已符合您的要求，对本地file://网址的访问也受到限制，因为您要求的所有资源（图片，样式表）都需要在当前页面的子目录中。出于安全原因，现代浏览器强加了此限制。}

Answer 2

正斜杠首先表示绝对路径（来自根）。由于您是从文件系统运行页面，因此根目录是驱动器。

没有正斜杠首先表示相对路径（来自当前文件夹）。

您可能还希望为Chrome浏览器创建一个快捷方式，其中包含“--allow-file-access-from-files”标志，这样您就可以在添加更多高级功能时更好地在本地测试您的网站。

Chrome显示无法加载资源

2 个答案: