有没有办法配置 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 中使用屏幕尺寸媒体规则），而不是依赖于通过 HTTP 请求识别其功能的设备。我相信您可以通过网络搜索找到很多很棒的教程和示例。