记录紫图高拍仪的一个使用兼容问题

本码农接到领导任务:需要将紫图高拍仪接入当前web系统.

但是由于本马大哈只埋头苦干,并没有询问开发详细细节,就导致项目发布到生产环境上问题百出.

主要问题有两点:
1.客户使用的浏览器为IE8,IE8在我眼里简直就是上个世纪的浏览器.
2.紫图提供的js文件问题

客户的浏览器一定为IE8,IE8是不支持websocket的,而紫图高拍仪的实现依赖于websocket,故紫图高拍仪无法在客户的电脑上运行.但是请大家看紫图弱智的驱动连接代码:

function ConnectServer(a, b) {"WebSocket" in window ? websocket = new WebSocket(websocketurl) : window.WebSocket ? websocket = new WebSocket(websocketurl) : "MozWebSocket" in window ? websocket = new MozWebSocket(websocketurl) : alert("浏览器版本太低！请使用Chrome、Firefox、IE10+浏览器！"), websocket.onopen = function () {connected = !0, a(b)}, websocket.onclose = function () {connected = !1, onMessage({data: JSON.stringify({FuncName: "Connect", result: 0})})}, websocket.onmessage = function (a) {onMessage(a)}, websocket.onerror = function () {}
}

紫图在连接服务时如发现浏览器不支持websocket,alert提醒用户后竟然没有return,这就导致onopen这个函数报错,导致页面无法正常加载.
修改如下:

function ConnectServer(a, b) {"WebSocket" in window ? websocket = new WebSocket(websocketurl) : window.WebSocket ? websocket = new WebSocket(websocketurl) : "MozWebSocket" in window ? websocket = new MozWebSocket(websocketurl) : function(){alert("浏览器版本太低！请使用Chrome、Firefox、IE10+浏览器！");return;}, websocket.onopen = function () {connected = !0, a(b)}, websocket.onclose = function () {connected = !1, onMessage({data: JSON.stringify({FuncName: "Connect", result: 0})})}, websocket.onmessage = function (a) {onMessage(a)}, websocket.onerror = function () {}
}

我事先是不知道IE8是不支持console的,但是我的代码页面使用了部分console来输出一些关键消息,线上发布一次版本过于耗时,于是想办法热更新JS文件自己在页面加载的时候给window对象予以console的定义:

window.console = window.console || (function () {var c ={}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile= c.clear = c.exception = c.trace = c.assert = function(){};return c;
})();

上面代码来自百度"IE8不支持console".

在页面较前部分的script标签引入的任一js文件中加入上面的代码即可解决IE无法console打印的问题.

记录紫图高拍仪的一个使用兼容问题相关推荐

紫光高拍仪C5422二次嵌入开发
1.客户端请安装紫图高拍仪驱动,并注册OCX(注册;方法:双击C:\ProgramFiles\CmCaptureOcx\OCX目录_Install.bat文件) 安装的时候要用管理员打开不然部分机 ...
奔图高拍仪-vue二次开发
开发环境:Windows10系统高拍仪品牌:奔图PFZ1201 首先问那边技术要过来二次开发的sdk,安装成功后,文件夹里会有名为samples的文件夹,里面放着的就是demo了. 我的是这个版本 ...
泛微E9下紫光G750高拍仪集成总结
最近做了一个E9和紫光高拍仪集成的开发,经过探索,初见成效,做下记录,也希望能对大家有所帮助. 采用的方式为base64上传图片,将图片上传到服务器物理路径后,调用E9生成到知识模块中,并更新到流程表 ...
在网页中调用摄像头实现拍照上传 - 高拍仪二次开发
在网页中调用摄像头实现拍照上传高拍仪二次开发在一些公共部门的办事处,比如银行.护照办理中心.税务等,我们可能会注意到办公桌上摆着这样一台机器.办公人员用它拍摄各种证件.文件.表格,有时候还 ...
c++ 二次开发良田高拍仪_在网页中调用摄像头实现拍照上传 - 高拍仪二次开发...
来源于 https://blog.csdn.net/weixin_40659738/article/details/78252562 在网页中调用摄像头实现拍照上传高拍仪二次开发在一些公共部门的 ...
串口屏应用案例_大彩串口屏在高拍仪上的应用方案
一.概况高拍仪也有人称为速拍仪,或有的教育机构称之为备课王.一般来说,我们称之为高拍仪.是最新研发出来的一款超便携低碳办公用品,也是一款办公领域革新性产品,它具有折叠式的超便捷设计,能完成一秒钟高速 ...
centerm高拍仪_升腾威讯云：桌面云2.0深度融合行业应用
原标题:升腾威讯云:桌面云2.0深度融合行业应用自2007年桌面云概念在中国普及,已经蓬勃发展近10年.十年间,桌面云厂商如雨后春笋般涌现,大大小小厂商超过百家,桌面云应用也从最初的通用标准,逐步向 ...
5分钟集成桌面摄像头或高拍仪到Web程序
简介桌面摄像头几乎是每台个人电脑必备的附件之一.实时聊天,远程协助等很多的桌面应用可以直接调用摄像头.然而在目前将桌面搬到云端的技术热潮中,在浏览器中直接集成摄像头也是一个热门需求.类似的实际应用场 ...
思源高拍仪万能驱动_动态展示和教学良田YL1050AF高拍仪评测
高拍仪的一大特点就是灵活多样,通过不同的工业设计用于文件扫描.视频展示.多媒体教学.信息采集.体温监测等等.良田最新款YL1050AF教学高拍仪通过巧妙的设计和专业的软件,为教学.培训.实时展示等应用 ...

记录紫图高拍仪的一个使用兼容问题

记录紫图高拍仪的一个使用兼容问题相关推荐

最新文章

热门文章