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 { // 其他容器 }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步