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

QQ登录

只需一步,快速开始

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]
跳转到指定楼层
楼主
发表于 2018-6-29 14:51:40 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。+ Y7 E" y& F" T+ D
$ ^9 d4 w7 H5 J# S3 i! s! h+ w# @
通过何种方式检测?

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

  1. $(document).ready(function() {$ A" R: q0 Y" p$ R* _1 s
  2.   if( typeof(WebSocket) != "function" ) {9 j7 K& q( k1 E/ c7 v5 d6 M
  3.     $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");
    ; M7 L% @* |; f& G
  4.   }" Z0 G) H+ Q4 k  O0 v
  5. })
    - }) B5 A2 z6 v
复制代码

. c+ F5 h1 {. v0 F1 T+ W

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

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

所以比较严谨的方式是:

  1. if (typeof WebSocket != 'undefined') {
    # w) A5 b5 X& ^& s9 X
  2.     /*supported*/
    8 u$ n1 U/ n* k
  3. }
    : B2 l/ V4 o8 y8 m5 C: R

  4. 6 l+ \) C; {% g6 x$ o* H
  5. //or
    " t2 F% h  x* u/ S5 A8 w
  6. if (!!window.WebSocket && window.WebSocket.prototype.send) {/ l% ]" U! x0 g
  7.     /*supported*/, M1 L3 r) P: m% s
  8. }
复制代码
2 H+ I1 Y% R9 `, L& @
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 支持支持 反对反对
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

GMT+8, 2026-3-17 20:21 , Processed in 0.069259 second(s), 22 queries .

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