0

在我的网页上，我通常有这样的东西：

<link rel='stylesheet' href='/global.css'/>

但是，问题是如果我在我的计算机上测试我的网站，我会将它存储在一个文件夹中，例如C:/Websites/My Websites/（例如）。问题是当我在本地测试它时，/global.css指向C:/global.css，因为根是C盘。

有没有办法手动覆盖这个根，以便我可以在本地测试我的网页？如果是这样，怎么做？如果没有，有没有其他方法可以让我在本地测试这些页面？

4

3 回答 3

1

不明智。

只需在您的开发机器上安装一个 Web 服务器（并通过 测试http://localhost）。当您需要开发服务器端代码时，这也很有用。

于 2013-05-31T12:05:14.687 回答
0

您需要使用相对路径。C:/Websites/My Websites/因此，如果HTML 和引用global.css的CSS 文件都存在于./global.css.

或者，您可以运行本地 Web 服务器并将其文档根设置为C:/Websites/My Websites/. 然后，您可以使用绝对路径表示法引用任何链接资源（站点间链接和图像路径、CSS 和 JS），例如/global.css、/images/something.png、/scripts/foo/bar.js。使用绝对路径的优点是，如果您在文件夹层次结构中向上或向下移动 HTML 文件，则不必更改 HTML 文件中资源的路径。

对于静态站点（纯 HTML/CSS/JavaScript）的快速简便的本地测试，我推荐mongoose。这是一个不需要安装的小型 exe，只需将其放在任何地方，告诉它您的文档根目录应该是什么，您就可以开始了。

对于功能更全面的开发环境（Apache 服务器、PHP、数据库），请查看 WAMP、XAMPP 或 Uniform Server。

于 2013-05-31T12:49:37.690 回答
0

尝试在开头不带斜线的“global.css”。它将指向您当时所在的目录。

编辑：似乎有些混乱：您可以使用“cssFile/global.css”之类的东西遍历目录。此外，您可以使用 *../global.css' 向上遍历。

这应该可以帮助您找到所需的文件。

不过，我同意使用本地服务器是正确的方法。

于 2013-05-31T12:05:14.540 回答