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

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

配置基础页面及函数

配置跳转函数

  1. 跳转到对应的移动页面。

  2. 定义跳转函数jump_mobile

  3. 跳转代码,请参见配置跳转方案

  4. 配置页面挂载函数。

  5. 调用跳转函数。

    image

页面结构

  1. PC 页面为首页/pc_page

  2. 移动端页面/mobile_page

    image

配置跳转方案

根据 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;

根据屏幕宽高

配置跳转代码

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