在我的网页上,我通常会遇到这样的事情:
<link rel='stylesheet' href='/global.css'/>
然而,问题是如果我在我的计算机上测试我的网站,我会将它存储在像C:/Websites/My Websites/
这样的文件夹中(例如)。问题是,当我在本地测试时,/global.css
指向C:/global.css
,因为根是C驱动器。
有没有办法手动覆盖此root,以便我可以在本地测试我的网页?如果是这样,怎么样?如果没有,有没有其他方法可以让我在本地测试这些页面?
答案 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。