Firefox测试本地HTML站点遇两类问题，求无需上传的解决方法

问题根源 #

直接通过file://协议打开本地HTML文件时，Firefox遵循的是本地文件系统规则，而非Web服务器的站点逻辑，这就是你遇到两个问题的核心原因。

解决方案：启动本地HTTP服务器 #

用本地HTTP服务器托管你的站点，就能模拟线上环境的行为，完美解决这两个问题：

方法1：Python内置服务器 #

• 若使用Python 3，在站点根目录打开终端执行：

  python3 -m http.server 8000
  

• 若使用Python 2，执行：

  python -m SimpleHTTPServer 8000
  

之后在Firefox访问http://localhost:8000：

• href="/"会指向你的站点根目录，不再打开macOS系统根目录的文件浏览器
• 访问目录时，服务器会自动加载目录下的index.html，不会显示文件列表

方法2：Node.js的http-server工具 #

1. 先全局安装工具：

   npm install -g http-server
   

2. 在站点根目录运行：

   http-server
   

默认使用8080端口，访问http://localhost:8080即可获得和线上一致的站点访问体验。

内容的提问来源于stack exchange，提问作者wco