Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。
1 X9 T1 Q4 }& Q' {5 a
" I: I! {5 |, w& Q* U/ z; y7 z& V
通过何种方式检测?比较简单到方式是直接判断全局对象中是否包含WebSocket对象即可: - $(document).ready(function() {
% u8 p4 {' [! D; O( y1 L W" p) s3 l - if( typeof(WebSocket) != "function" ) { {% P' ^0 f" J9 |
- $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");7 {7 } t' F5 T6 l' Z
- }; T8 \. ]& E0 m0 M4 w
- })
, H; a3 N1 z+ F; Q, I0 U7 V) R
复制代码 # s& s& j3 {1 D C' `$ c3 L
但是这种方法存在局限性。 在 Android 中,即使浏览器不支持 WebSocket ,但是它还是存在这个属性。
所以比较严谨的方式是: - if (typeof WebSocket != 'undefined') {
" i. x; K _4 H1 { - /*supported*/ . s8 ?$ {5 _+ A7 h9 X" y
- }
' c2 ?* B4 ~3 S" q! }( r - ( t( _) k( x; z. \. I5 S
- //or
/ L. ^( Y* d0 S$ w% _/ Z! }/ D+ x8 ` - if (!!window.WebSocket && window.WebSocket.prototype.send) {$ G$ f8 |. y- q3 R; r& g$ c
- /*supported*/1 p% R0 t4 K3 Q$ B# j
- }
复制代码 , U! ^6 S6 ~# w0 A8 V+ e
|