支持HTML5的websocket的浏览器很多。

包括 Opera,Firefox4,Chrome,Safari.

其中Firefox4和Opera的WebSocket默认没有开启,需要手动配置。在浏览器地址栏中输入about:config ,然后找到websocket这一项,把它启用。

我使用了Chrome来测试。

首先,新建一个HTML,加入几个div,来显示数据。

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#win{ border:1px solid #ccc; padding:20px ; color:#333; line-height:2em; }
.input{ padding:10px 0px; text-align:left;}
.input input{ width:200px;}
</style>
</head>
<body>
<div id=”win”></div>
<div><input id=”text”><button id=”send”>发送</button><button id=”disconnect”>断开连接</button></div>
</body>
</html>
<!DOCTYPE html>是HTML5的DTD,不谈了。
两个DIV,win用来显示数据,input用来存放提示框
下面写入脚本来测试socket服务器
首先是一个输出的函数 log
<script>
function log(d){
var logDiv=document.createElement(“div”);
logDiv.innerHTML=d;
document.getElementById(“win”).appendChild(logDiv);
}
</script>
然后新建一个websocket连接
<script>
var socket=new WebSocket(“ws://localhost:12345/websocket/server.php”);
socket.onopen=function(){
log(“已经连接到socket服务器”);
log(“Socket ReadyState:”+socket.readyState);
};
</script>
ws://localhost:12345/websocket/server.php是我的socket服务器端文件地址,注意这里的协议不是http而是ws。
于是新建了一个websocket对象socket,给socket绑定了一个事件,连接open时,给出提示。
好了,测试一下服务器吧。