一、前言

最近的基于海康威视的甲烷监控项目，主要以IE浏览器为主，但是在前端页面来回切换的时候发现插件初始化后白屏或者界面卡死不动带有一些黄色条纹的情况，但是从代码层面来看初始化是正常的，继续登录预览也提示成功，就是看不到监控画面；

经过了N多艰辛复杂的测试，各种排除法、各种骚操作，初步推测跟IE浏览器本身有一定的关系；

用IE浏览器还存在诸多其他问题：

配置勾选：设置里勾选好几个允许 ActiveX的选项；
缓存设置：模式的缓存模式会导致加载不到最新数据；
兼容问题：经常需要特殊处理界面效果；
性能问题：IE浏览器性能表现不佳，在带有监控画面滚到下拉列表框监控画面严重闪烁；
调试问题：调试很不方便没有谷歌浏览器调试舒服顺畅；

二、解决方案

1、Web Components Kit 插件安装：

注意版本问题，这里可以下各种插件版本：海康WebComponent插件4款

2、安装Chrome指定版本浏览器：

资源下载：Chrome特定版本

3、设置允许Web Components Kit 插件：

地址栏输入：chrome://plugins/ 进入插件管理界面

4、视频画面预览欣赏：

三、总结

视频插件来回切换卡死无法预览的问题，花了好多时间都没解决的，各种测试各种绝望的时候，灵机一动貌似就这么轻松的解决了，有点儿降维打击的味道有木有；

如果对亲们有帮助记得点赞收藏加打赏哦。

【海康威视】前端开发：【4】Chrome谷歌浏览器 Web Components Kit 插件支持相关推荐

Delphi Web应用开发B/S框架推荐：《Delphi Web前端开发教程——基于TMS WEB Core框架》
使用TMS WEB Core 发现Delphi软件开发的无限潜能-- 二十多年来,编程语言Delphi 以对 Windows 应用程序的快速可视化编程而闻名于世.尤其是轻松开发桌面数据库应用程序和快捷 ...
解决Chrome谷歌浏览器″Adobe Flash Player 插件已被屏蔽″的问题
解决Chrome谷歌浏览器"Adobe Flash Player 插件已被屏蔽"的问题如果你确定在电脑上确实已经安装了 Adobe Flash Player 插件,但是打开网页 ...
解决Chrome谷歌浏览器Adobe Flash Player 插件已被屏蔽的问题
解决Chrome谷歌浏览器"Adobe Flash Player 插件已被屏蔽"的问题如果你确定在电脑上确实已经安装了 Adobe Flash Player 插件,但是打开网页时 ...
[推荐] Chrome谷歌浏览器实时英文字幕插件
Chrome谷歌浏览器实时英文字幕插件 - 下载安装详解在地址栏中输入:chrome://flags/#enable-accessibility-live-captions 将 Live Capti ...
超实用web前端开发工具推荐（web开发+前端性能优化+浏览器兼容性测试+……）
要说有哪些好用的前端开发软件和工具,我可有发言权哈~因为在学习的过程中积累了不少实用型前端开发工具.今天我就从浏览器兼容性测试工具.web开发工具.前端性能优化工具.大数据可视化工具这四个方向来和大家 ...
WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键
Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...
Web前端开发笔记——第一章 Web前端概论
目录前言一.Web系统 (一)Web系统的定义 (二)前端和后端二.网站和网页 (一)网站的开发历程 (二)网页的组成元素三.浏览器四.前端技术 (一)超文本标记语言(HTML) (二)层叠 ...
前端开发基础知识整理--web综合篇
该篇是web综合部分,主要包含了HTML(HTML5).http.页面优化及其他一些概念性的问题 doctype是什么?标准模式与兼容模式各有什么区别? <!doctype>声明必须处于H ...
学习前端开发，可提高Web开发效率的15类工具
Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言.尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要.为了使得Web开发人员能够更加专注于业务层面的开发 ...

【海康威视】前端开发：【4】Chrome谷歌浏览器 Web Components Kit 插件支持

文章目录