我可以手动覆盖root用于在本地测试网页吗?

时间:2013-05-31 12:03:53

标签: html file

在我的网页上,我通常会遇到这样的事情:

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

然而,问题是如果我在我的计算机上测试我的网站,我会将它存储在像C:/Websites/My Websites/这样的文件夹中(例如)。问题是,当我在本地测试时,/global.css指向C:/global.css,因为根是C驱动器。

有没有办法手动覆盖此root,以便我可以在本地测试我的网页?如果是这样,怎么样?如果没有,有没有其他方法可以让我在本地测试这些页面?

3 个答案:

答案 0 :(得分:1)

不明智。

只需在开发计算机上安装Web服务器(并通过http://localhost进行测试)。当您需要开发服务器端代码时,这也很有用。

答案 1 :(得分:0)

尝试'global.css'而不是开头的斜杠。它将指向您当前所在的目录。

编辑:似乎有些混乱: 你可以使用像'cssFile / global.css'这样的东西来遍历目录。 此外,您可以使用* .. / global.css'向上遍历。

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

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

答案 2 :(得分:0)

您需要使用relative paths。因此,如果HTML和引用的CSS文件都位于C:/Websites/My Websites/,则您使用global.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。