JavaScript H5页面所在容器

1. 概述

1.1 说明

  H5项目部署后可在钉钉、app、微信等中调用打开,对于不同的容器需要进行不同的处理,故需要判断所在环境。

1.2 浏览器信息

  js获取 window.navigator.userAgent 浏览器信息。可通过 http://service.spiritsoft.cn/ua.html 获取浏览器UA信息.

1.3 备注

  一般情况下,H5项目都有自己的头部信息,当在钉钉或微信中时会把浏览器标签头部加载出来,故此时需要对H5本身头部进行隐藏,浏览器标签标题通过window.document.title进行设置所需显示内容。

 2. 代码

2.1 钉钉或微信

const ua = window.navigator.userAgent.toLowerCase()
if (ua.match(/DingTalk/i) && (ua.match(/DingTalk/i) === 'dingtalk' || ua.match(/DingTalk/i)[0] === 'dingtalk')) {
      // 钉钉
} else if (ua.match(/MicroMessenger/i) && ua.match(/MicroMessenger/i)[0] === 'micromessenger') {
     // 微信
} else {
      // 其他容器
}

 

posted @ 2020-04-08 16:53  ajuan  阅读(718)  评论(0编辑  收藏  举报