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 回答