说明

短小而强悍的工具插件 , 用于帮助我们快速确认当前网页所运行环境.

安装

方式1: 通过 CDN 安装

最简单的方法是直接在 html 文件中引入 CDN 链接

<script src="https://cdn.jsdelivr.net/npm/web-page-confirm-environment/dist/index.umd.min.js"></script>

方式2: 通过 npm 安装

npm install -S web-page-confirm-environment

使用

script CDN方式引入

const environment = webPageConfirmEnvironment();

// 是否在微信
console.log(environment.isWechat)

NPM方式

import webPageConfirmEnvironment from 'web-page-confirm-environment'

const environment = webPageConfirmEnvironment();

// 是否在微信
console.log(environment.isWechat)

判断是否在自家APP内

const environment = webPageConfirmEnvironment({
    // 跟自家客户端 协商好，往 页面设置的UA标识。
    ios: 'very-good-ios',
    android: 'very-good-android'
});

// 是否在自家安卓APP内
console.log(environment.isInnerAdr)

// 是否在自家IOS APP内
console.log(environment.isInnerAdr)

// 判断是否在自家APP内
console.log(environment.isInnerApp)

自定义UA

const environment = webPageConfirmEnvironment({
    // 跟自家客户端 协商好，往 页面设置的UA标识。
    ios: 'very-good-ios',
    android: 'very-good-android',
    ua: 'xx-xxx-xxxx'
});

// 打印UA
console.log(environment.printUa()) // -> xx-xxx-xxxx

config

参数 | 说明 | 是否必传 | 类型 | ----------|-------------------------------------------|-----------|-------| iosUa |跟IOS客户端协商好 往前端页面塞入的UA标识 | 否 |string | androidUa |跟Android客户端协商好 往前端页面塞入的UA标识 | 否 |string | ua |自定义的UA标识 | 否 |string |

api

参数 | 说明 | ----------|-------------------| isPC |是否正在PC端内 | isIos |是否是iosAPP内 | isAndroid |是否是安卓APP内 | isWechat |是否是在微信生浏览器中 | isWxWork |是否在企业微信中 | isWxmp |是否在微信小程序 | isDingding|是否是钉钉内 | isFs |是否是飞书浏览器中 | isInnerAdr|是否是自家安卓app | isInnerIos|是否是自家ios app | isInnerApp|是否是自家app |

events

参数 | 说明 | 类型 | ----------|------------|----------- printUa |输出ua信息 |Function |