【海康威視】前端開發：【4】Chrome谷歌浏覽器 Web Components Kit 插件支援

文章目錄

• 一、前言
• 二、解決方案
• • 1、Web Components Kit 插件安裝：
  • 2、安裝Chrome指定版本浏覽器：
  • 3、設定允許Web Components Kit 插件：
  • 4、視訊畫面預覽欣賞：
• 三、總結

一、前言

最近的基于海康威視的甲烷監控項目，主要以IE浏覽器為主，但是在前端頁面來回切換的時候發現 插件初始化後白屏或者界面卡死不動帶有一些黃色條紋的情況，但是從代碼層面來看初始化是正常的，繼續登入預覽也提示成功，就是看不到監控畫面；

經過了N多艱辛複雜的測試，各種排除法、各種騷操作，初步推測跟IE浏覽器本身有一定的關系；

用IE浏覽器還存在諸多其他問題：

1. 配置勾選：設定裡勾選好幾個 允許 ActiveX的選項；
2. 緩存設定：模式的緩存模式會導緻加載不到最新資料；
3. 相容問題：經常需要特殊處理界面效果；
4. 性能問題：IE浏覽器性能表現不佳，在帶有監控畫面滾到下拉清單框 監控畫面嚴重閃爍；
5. 調試問題：調試很不友善 沒有谷歌浏覽器調試舒服順暢；

二、解決方案

1、Web Components Kit 插件安裝：

注意版本問題，這裡可以下各種插件版本：海康WebComponent插件4款

2、安裝Chrome指定版本浏覽器：

資源下載下傳：Chrome特定版本

3、設定允許Web Components Kit 插件：

位址欄輸入：chrome://plugins/ 進入插件管理界面

4、視訊畫面預覽欣賞：

三、總結

視訊插件來回切換卡死無法預覽的問題，花了好多時間都沒解決的，各種測試各種絕望的時候，靈機一動貌似就這麼輕松的解決了，有點兒降維打擊的味道有木有；

如果對親們有幫助記得點贊收藏加打賞哦。