场景
若依前后端分离版手把手教你本地搭建环境并运行项目：
若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客
在上面搭建起来的Vue前端项目中，实现对接海康威视摄像头时，设备需要IE(兼容模式)才能进行预览。
怎样判断当前是否为IE或者兼容模式。
注：
博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
1、在主页面中实现点击按钮，在新标签页中打开
<el-button
type="success"
plain
icon="el-icon-setting"
size="mini"
@click="checkCompat"
>检测是否是IE兼容模式</el-button
>2、配置路由跳转，打开src下router下的index.js
{
path: '/checkIE',
component: Layout,
component: (resolve) => require(['@/views/system/cameramap/component/checkIE'], resolve),
meta: {title: 'checkIE'},
hidden: true,
}3、按钮点击事件中在新的标签叶中打开
checkCompat(){
window.open("/checkIE", "_blank");
},4、在新的页面中获取请求代理
data() {
return {
ua: navigator.userAgent.toLocaleLowerCase(),
};
},5、在新页面的created方法中判断是否为IE
created() {
if (this.ua.match(/msie/) != null || this.ua.match(/trident/) != null) {
this.browserType = "IE";
this.$notify({
title: "成功",
message: "当前为ie模式",
type: "success",
});
} else {
this.$notify({
title: "失败",
message: "请在ie模式下查看摄像头",
type: "error",
});
}
},6、效果
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/136172.html
