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

QQ登录

只需一步,快速开始

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]
跳转到指定楼层
楼主
发表于 2018-6-29 14:51:40 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
Web Sockets 目前在各个浏览器到终端支持性并不好, 只有IE 10+, FF 34+, Chrome 31+, Safari 7.1+, Android Browser 4.4+ 才得到支持。9 b( A2 I$ R: {* s# e
9 i, x8 w) k  E( x2 Z* N# x
通过何种方式检测?

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

  1. $(document).ready(function() {" o1 l( d* p" P* N3 o" W' z
  2.   if( typeof(WebSocket) != "function" ) {6 Z- @6 J& B: i# b5 _, O* J
  3.     $('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");/ W  R( ?$ t' g: W/ \
  4.   }* j& i- R* @  ~9 Q, v4 [
  5. })
    / }3 B1 b8 W" B, i' m
复制代码

- W* S8 N% Z. M1 n# V

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

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

所以比较严谨的方式是:

  1. if (typeof WebSocket != 'undefined') {; ]5 N5 F8 x+ S2 x5 v% I" _
  2.     /*supported*/   R5 R. f: z, U! S3 k9 R$ W
  3. }" o( L+ }2 j6 {1 _7 r
  4. . P6 H4 \) W, E& k% X
  5. //or
    : }+ ]* k6 V* S, K3 H- F' e
  6. if (!!window.WebSocket && window.WebSocket.prototype.send) {: r' R, E: A7 o- [4 N
  7.     /*supported*/" r: f: F2 A! g& t8 S
  8. }
复制代码

0 p9 b" A! {  @9 m* R8 ?' L
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 支持支持 反对反对
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

GMT+8, 2026-1-30 15:53 , Processed in 0.063621 second(s), 22 queries .

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