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 { // 其他容器 }