检查元素 HTML 设置根文件路径答案

【问题标题】：Inspect element HTML set root file path检查元素 HTML 设置根文件路径
【发布时间】：2020-12-13 18:05:35
【问题描述】：

我正在开发一个静态（仅限前端）网站，并且有大量相对于根目录的 URL。我只需在我的计算机上打开一个 HTML 文件即可“运行”代码，这会将我带到file:///C:/foo/bar/website/index.html。因此，根相对链接不起作用，因为根是file:/// 而不是file:///C:/foo/bar/website/。我在想也许 chrome 检查元素有办法设置根目录？

我无法修复所有路径，因为我只应该在单个页面中处理一大块 CSS，如果我更改了所有路径并且由于某种原因出现问题，那将是我的责任（甚至如果没有任何问题，我仍然会不合时宜）。

【问题讨论】：

标签： html filepath

【解决方案1】：

为了能够正确使用网站，每个 URL 都可以正常工作而无需接触任何东西，我建议您运行一个小型 PHP 或 Apache 服务器。它非常轻巧，不需要任何安装，不需要打开任何端口，只需下载一个zip文件。您可以在以下位置下载 PHP 服务器：https://www.php.net/downloads 然后使用命令运行exe文件： php -S localhost:8080 然后在浏览器中访问 localhost:8080。您的计算机上应该有一个运行良好的网站。

【讨论】：

我不建议默认监听 every 网络接口以进行本地开发。如果您需要在不同的设备上进行测试，这很有用，但通常您不希望网络上的每个人都可以访问您正在进行的工作。

【解决方案2】：

也许 chrome 检查元素有办法设置根目录？

没有。

安装一个网络服务器并使用它测试你的代码。

你可以使用PHP built-in server:

php -S localhost:8080

或the live server extension for VS code

或python HTTP module

……等等。

【讨论】：