首页 > 代码库 > HTML5开发之旅WebSockets API使用篇(4)
HTML5开发之旅WebSockets API使用篇(4)
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“)。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。