根据屏幕宽高或者 UA 跳转默认页面

根据 UA 或者屏幕宽高比例跳转不同的页面

配置基础页面及函数

配置跳转函数

image

  1. PC 页面,需要跳转对应的移动页面

  2. 定义跳转函数jump_mobile

  3. 跳转代码,详细定义在:配置跳转方案

  4. 配置页面挂载函数

  5. 调用跳转函数

页面结构

image

  1. PC 页面为首页/pc_page

  2. 移动端页面/mobile_page

配置跳转方案

根据 UA

  1. 引入第三方库 https://g.alicdn.com/code/lib/mobile-detect/1.4.5/mobile-detect.min.js

  2. 配置跳转代码

const result = new MobileDetect(window.navigator.userAgent);
if (result.mobile() || result.phone() || result.tablet()) {
  mobi.navigateTo({
    route: '/mobile_page'
  });
}
return result;

根据屏幕宽高

  1. 配置跳转代码

if (window.screen.width / window.screen.height <= 0.618) {
    mobi.navigateTo({
        route: '/mobile_page'
    })
};