怎样在h5中判断当前页面所在环境

我们在做h5开发的时候通常会有这样的需求，在APP里或者在微信中展示页面的时候不需要留下咱们页面中自己的HeaderBar，而在浏览器中访问则需要留下，本文介绍具体怎么添加判断所在环境

具体步骤

  • 如果你没有安装jnpm，首先得安装我们部署的私有 npm 库，安装命令如下，如果你已有jnpm，忽略此步骤
    1
    npm install @jd/jnpm -g --registry=http://registry.m.jd.com

  1. 安装工具包

    1
    jnpm install @jmfe/jm-common --save-dev

  2. 引入工具文件

    1
    var common = require('@jmfe/jm-common');

  3. 应用API

  • ①是否在京东

    1
    2
    3
    if (common.isApp('jd')) {
        //TODO
    }

  • ②是否在微信

    1
    2
    3
    if (common.isApp('wx')) {
        //TODO
    }

  • ③是否在qq

    1
    2
    3
    if (common.isApp('qq')) {
        //TODO
    }

  • ④是否在微博

    1
    2
    3
    if (common.isApp('weibo')) {
        //TODO
    }

  • ⑤是否在ios

    1
    2
    3
    if (common.isIOS()) {
        //TODO
    }

  • ⑥是否在android

    1
    2
    3
    if (common.isAndroid()) {
        //TODO
    }