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>
这是在火狐浏览器下测试的结果:
注释:目前的测试中发现IE8浏览器和QQ浏览器不支持WebSocket.
还有一种检测浏览器是否支持HTML5 WebSockets的另一种方法是使用浏览器控制台(如Firebug或Chrome开发工具)。下图是在Google Chrome中和火狐浏览器中检测自身是否支持WebSockets(若不支持,window.WebSocket命令将返回“undefined“)。
HTML5开发之旅WebSockets API使用篇(4),布布扣,bubuko.com
原文:http://www.cnblogs.com/liubeimeng/p/3894538.html