cncml手绘网

标题: 判断浏览器是否支持Websocket [打印本页]

作者: admin    时间: 2018-6-29 14:51
标题: 判断浏览器是否支持Websocket
Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。
& v/ @$ l3 F9 K: [0 n
  w! k9 {2 g8 A0 Q7 M4 P" a9 T通过何种方式检测?

比较简单到方式是直接判断全局对象中是否包含WebSocket对象即可:

  1. $(document).ready(function() {
    , d) u+ o- c, @
  2.   if( typeof(WebSocket) != "function" ) {
    ' j0 S7 U+ G1 p6 t) h& Z5 s$ q
  3.     $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");
    " ^3 V2 [0 v% O
  4.   }
    ' z% U0 I& b2 w$ j" M5 H& U
  5. }); a  I) y: l$ z. j
复制代码

. u: [/ Z/ I3 A

但是这种方法存在局限性。

在 Android 中,即使浏览器不支持 WebSocket ,但是它还是存在这个属性。

所以比较严谨的方式是:

  1. if (typeof WebSocket != 'undefined') {
    # C9 o( s& q( n+ Y; l
  2.     /*supported*/ + i) m% ]0 k8 e0 j( L
  3. }& g$ ?  Q- y  B" V
  4. + c/ k: A4 H: j
  5. //or2 Q% Y5 O, f4 y9 E
  6. if (!!window.WebSocket && window.WebSocket.prototype.send) {
    9 Z( J& P8 D% v6 C6 z0 b# x
  7.     /*supported*// `' [% Q, b8 u- P$ r0 W. [! H
  8. }
复制代码
- ?6 c9 _) c+ e3 ^4 D





欢迎光临 cncml手绘网 (http://www.cncml.com/) Powered by Discuz! X3.2