首页 > Windows开发 > 详细

HTML5开发之旅WebSockets API使用篇(4)

时间:2014-08-06 17:21:31      阅读:474      评论:0      收藏:0      [点我收藏+]

WebSocket API是下一代客户端-服务器的异步通信方法.前面有三篇文章已经对WebSocket有了一些介绍,这里我总结了一下.我在使用WebSockets API过程中遇到的问题.

1.检测浏览器是否支持HTML5 WebSocket

  在使用HTML5 WebSocket API之前,首先需要确认浏览器的支持情况。如果浏览器不支持,我们可以提供一些替代信息,提示用户升级浏览器或者更换浏览器.下面的代码是检测浏览器支持情况的一种方法:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>检测浏览器对WebSocket是否支持</title>
 6 <script type="text/javascript">
 7 function loadDemo() 
 8 {
 9     if (window.WebSocket) {
10     document.getElementById("support").innerHTML = "您的浏览器支持多个websocket通信的实例";
11     } 
12     else {
13     document.getElementById("support").innerHTML = "您的浏览器不支持多个websocket通信的实例,建议使用火狐浏览器或者谷歌浏览器";
14     }
15 }
16 </script>
17 </head>
18 <body onload="loadDemo();">
19   <div id="support"></div>
20 </body>
21 </html>

这是在火狐浏览器下测试的结果:

bubuko.com,布布扣

注释:目前的测试中发现IE8浏览器和QQ浏览器不支持WebSocket.

还有一种检测浏览器是否支持HTML5 WebSockets的另一种方法是使用浏览器控制台(如Firebug或Chrome开发工具)。下图是在Google Chrome中和火狐浏览器中检测自身是否支持WebSockets(若不支持,window.WebSocket命令将返回“undefined“)。

bubuko.com,布布扣bubuko.com,布布扣

 

HTML5开发之旅WebSockets API使用篇(4),布布扣,bubuko.com

HTML5开发之旅WebSockets API使用篇(4)

原文:http://www.cnblogs.com/liubeimeng/p/3894538.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!