有没有办法配置 firebase.json 文件以根据屏幕大小提供不同的 html 文件？

Question

我有一个通过 Firebase 托管配置的网站。我正在使用自适应网页设计技术为桌面设备和移动设备提供不同的 html 文件。本质上，我有两个不同的 html 文件，它们是响应式的，但我想在桌面上提供一个，在移动设备上提供一个。有没有办法配置 firebase.json 文件来做到这一点？现在，我的网站只提供 index.html 文件，这是桌面版本。要访问移动版，我必须在网址末尾添加“mobile.html”。

这是我目前的 json 文件。

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 1

Firebase 托管不提供一种方法来检测移动设备的类型或大小以提供内容。

真正的响应式设计是作为一组 HTML 和 CSS 实现的，可以针对任何尺寸和方向的屏幕正确呈现。我强烈建议您研究如何正确实现它（提示：在 CSS 中使用屏幕大小media rules），而不是依赖于通过 HTTP 请求识别其功能的设备。我相信您可以通过网络搜索找到很多很棒的教程和示例。