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

本码农接到领导任务:需要将紫图高拍仪接入当前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打印的问题.