前端场景题

127 阅读1分钟

如何实现pc打开是web应用,手机打开是H5应用

通过媒体查询方式

检查用户屏幕尺寸信息,根据检测不同屏幕的大小,来加载不同页面或者不同的样式

通过服务器的方式

  • 请求接口时根据请求源User-Agent信息来判断设备类型,可以根据第三方包来解析User-Agent,判断是移动端,还是PC端。
  • 如果是移动设备则返回H5页面或数据
  • 如果是PC设备就返回一个web应用页面或者接口数据