cncml手绘网

标题: 判断浏览器是否支持Websocket [打印本页]
作者: admin    时间: 2018-6-29 14:51
标题: 判断浏览器是否支持Websocket
Web Sockets 目前在各个浏览器到终端支持性并不好， 只有IE 10+， FF 34+， Chrome 31+， Safari 7.1+， Android Browser 4.4+ 才得到支持。% s0 |  [1 L9 {
% d/ `2 u; |2 O% P1 m! L
通过何种方式检测？

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

  1. $(document).ready(function() {5 v' k! N6 \* ?& P$ ?
  2.   if( typeof(WebSocket) != "function" ) {
    " D9 i. q( h* k0 p+ t" r4 R. T
  3.     $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");5 i0 J6 i- A+ A: U& N1 _7 V7 d( x
  4.   }
    5 S4 V2 e) \3 o% c9 t+ v
  5. })! J9 T8 V- y* ~. y& a
复制代码

) u& \  `4 g) d4 X+ t

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

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

所以比较严谨的方式是：

  1. if (typeof WebSocket != 'undefined') {0 s0 {3 J8 ]& l$ b4 e! B
  2.     /*supported*/ ' {; ?0 h' w- W4 B9 |, ]
  3. }
    1 [$ d; x% S. X! X& a0 u1 `
  4. # v# z( {. K1 {8 t1 H  ^! [# ?' Z/ N0 W. z& Y
  5. //or0 ?' e! u, x0 F7 ?7 f$ E) @% o3 ^
  6. if (!!window.WebSocket && window.WebSocket.prototype.send) ｛
    $ Z* b: i  u* d8 |/ V0 v
  7.     /*supported*/6 G7 r7 c7 }) x0 ^( `; V1 M( S
  8. }
复制代码

; U% N/ {8 d+ g3 J: f3 G



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