Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。
. k; q6 u$ v& N( g9 R7 J: R
3 M) t9 L, V1 z0 c: |1 _; ?; D
通过何种方式检测?比较简单到方式是直接判断全局对象中是否包含WebSocket对象即可: - $(document).ready(function() {6 s9 A/ U, H+ v: O1 ? r+ r& a* d
- if( typeof(WebSocket) != "function" ) {
; \+ d( E/ s, s7 l - $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");
$ A8 s& x6 q8 t5 c, r - }4 T8 H2 j7 g0 T" @# N: Y
- })2 {2 M% k. ?$ R( s2 L
复制代码
4 ?2 w. L" }, L* L但是这种方法存在局限性。 在 Android 中,即使浏览器不支持 WebSocket ,但是它还是存在这个属性。
所以比较严谨的方式是: - if (typeof WebSocket != 'undefined') {6 ^" s l. D0 I$ k; J5 x
- /*supported*/ 8 q) e) D8 x9 j: T* l( J- K! O
- }; r: u5 x5 \& J2 S
- * N9 _4 d3 E* N7 x" P' u
- //or# W6 N& C7 ?/ h6 h- }
- if (!!window.WebSocket && window.WebSocket.prototype.send) {
T+ x* m& ]/ [/ V1 x' Q - /*supported*/
2 c: ]; M, p! K' f4 ]$ T - }
复制代码
: I- T6 I& b# _! g+ ]; b) Z- P |