Authored by 李奇

fixed:不支持websocket浏览器提示添加

... ... @@ -45,6 +45,9 @@
<!-- 消息图片放大显示 -->
{{> img-zoom-in}}
<!-- 不支持websocket -->
{{> un-support}}
<input name="encryptedUid" type="text" type="hidden" value={{encryptedUid}}>
{{#if devEnv}}
<input name="assetsPrefix" type="text" type="hidden" value="">
... ...
<div class="un-support">
<div class="back"></div>
<div class="tip">为了保证您使用客服系统的体验,建议您使用其他浏览器(谷歌chrome、IE10以上、火狐等)访问本客服页面。</div>
</div>
... ...
... ... @@ -1171,8 +1171,16 @@ function pageInit() {
}
}
socketConf.servers.push(configDomains.imSocket);
pageInit();
// 检查支持性
(function() {
if (!window.WebSocket) {
$('.un-support').show();
return false;
} else {
socketConf.servers.push(configDomains.imSocket);
pageInit();
}
}());
}
});
}());
... ...
... ... @@ -1124,6 +1124,7 @@ $color-3a3a3a: #3a3a3a;
}
@import "_img-zoom-in.css";
@import "_un-support.css";
}
... ...
.un-support {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
.back {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.7;
}
.tip {
position: relative;
margin-top: 10px;
font-size: 15px;
text-align: center;
color: #ffffff;
}
}
... ...