場景

若依前后端分離版手把手教你本地搭建環(huán)境并運行項目：

若依前后端分離版手把手教你本地搭建環(huán)境并運行項目_BADAO_LIUMANG_QIZHI的博客-CSDN博客

在上面搭建起來的Vue前端項目中，實現(xiàn)對接海康威視攝像頭時，設備需要IE(兼容模式)才能進行預覽。

怎樣判斷當前是否為IE或者兼容模式。

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質_CSDN博客
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現(xiàn)

1、在主頁面中實現(xiàn)點擊按鈕，在新標簽頁中打開

??????? <el-buttontype="success"plainicon="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、效果

?

?

總結

以上是生活随笔為你收集整理的Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。