您尚未登录,请登录后浏览更多内容! 登录 | 立即注册

QQ登录

只需一步,快速开始

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 16362|回复: 0
打印 上一主题 下一主题

[js学习资料] 判断浏览器是否支持Websocket

[复制链接]
跳转到指定楼层
楼主
发表于 2018-6-29 14:51:40 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。
: C& [( A9 C+ Q' X 6 \' [- x6 u$ E6 i! X- b
通过何种方式检测?

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

  1. $(document).ready(function() {
    : g8 h( R7 X: P/ a) o5 _' ~
  2.   if( typeof(WebSocket) != "function" ) {$ I1 |6 M+ _3 f
  3.     $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");" d8 Z) B0 _; l3 }
  4.   }/ A8 c$ x" S2 W. d
  5. })" B6 F, U) ?# Y, @+ i) l
复制代码
+ T& ?$ O; P* d% N! @( O6 T

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

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

所以比较严谨的方式是:

  1. if (typeof WebSocket != 'undefined') {" z! g" ?/ S1 V6 u& x
  2.     /*supported*/ ( D* O6 ~+ b$ d* n
  3. }% P# D" ]8 U7 V# l2 Y7 {4 W
  4. 6 F1 r8 p/ o" ~) j- _  G8 [
  5. //or
    # F. p2 o# B) a7 O, U
  6. if (!!window.WebSocket && window.WebSocket.prototype.send) {
    2 ~' r6 ~. P0 d$ t4 \
  7.     /*supported*/
    : D! V4 i% G9 C. y8 @. U/ H& o/ a
  8. }
复制代码
0 J- X7 Y9 Z  h# [. X" c
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 支持支持 反对反对
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

GMT+8, 2026-8-4 10:51 , Processed in 0.061361 second(s), 23 queries .

Copyright © 2001-2026 Powered by cncml! X3.2. Theme By cncml!