Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。
% V" i1 }* K8 V
; W( \( F2 x! a) B1 N9 b通过何种方式检测?比较简单到方式是直接判断全局对象中是否包含WebSocket对象即可: - $(document).ready(function() {
6 `! R2 }, P1 `. _ - if( typeof(WebSocket) != "function" ) {8 w0 n- t# ~/ Z+ S6 }
- $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");& a: p( |" g" I, _. v: ^5 s
- }
5 ^; y- W7 P1 N7 p9 } Y: x! h- R, P& m - })
0 Q7 {' r c2 o" q! v
复制代码 ! Q4 @" ~9 M7 ]
但是这种方法存在局限性。 在 Android 中,即使浏览器不支持 WebSocket ,但是它还是存在这个属性。
所以比较严谨的方式是: - if (typeof WebSocket != 'undefined') {' \0 K9 e6 \# r# v7 g! M" F v- e6 N/ G
- /*supported*/ 2 C8 L9 F0 F7 X5 K2 ^6 H! ~& K$ p& J
- }7 |+ N9 A! H5 c
- . Z! N& U. G$ P
- //or
! D4 ]3 @8 J* Y" |$ R; b - if (!!window.WebSocket && window.WebSocket.prototype.send) {5 S1 o8 h9 y* L. F" g
- /*supported*/
6 J2 ^; i8 g* D# c' \# _ - }
复制代码
! F# W k( q( m' U# r: r1 m |