默认下载了最新版的socket.io，版本号是1.7.2，对IE8的支持不好，反正在IE8下收发消息都不行。在网上查了很多资料，都解决不了IE8的问题，崩溃。

最后用了一个大家比较认可的版本1.0.6，可以支持IE8：

卸载socket.io

npm uninstall socket.io

安装1.0.6版本的socket.io

npm install socket.io@1.0.6

后面的一些版本没有一一的去试，下了一个1.3.7版本的，还是可以支持收发消息的，只是发现IE8在关闭窗口时，无法实时触发disconnect事件。

坑不只一个，除了socket.io的版本外，客户端代码，还需要在页面头部使用

<!DOCTYPE html>

才可以支持IE8。

下面是完整示例代码

服务端 app.js

var app = require('http').createServer(handler);

var io = require('socket.io')(app);

var fs = require('fs');

var url = require("url");

app.listen(80);

function handler (req, res) {

  var pathname = url.parse(req.url).pathname;

  if(pathname == "/") {

    pathname = "/index.html";

  }

  fs.readFile(__dirname + pathname, 'utf-8',

  function (err, data) {

    if (err) {

      res.writeHead(500);

      return res.end('Error loading ' + pathname);

    }

    res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});

    res.end(data);

  });

}

io.on('connection', function (socket) {

  console.log("Send message using: "+socket.conn.transport.name);                              

  socket.on('message', function (data) {

    console.log(data);

    socket.broadcast.emit('cast', data);

  });

  socket.on('disconnect', function (data) {

    console.log('disconnect:' + data);

  });

});

客户端代码 index.html

<!DOCTYPE html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>demo</title>

</head>

<body>

<script src="/socket.io/socket.io.js"></script>

<script src="jquery-1.11.3.min.js"></script>

<script>

  var socket = io.connect();

   socket.on('connect', function () {

        socket.on('cast', function (data) {

          $("#content").append("<br />" + data);

          });

   });

function send() {

    socket.emit('message', $("#msg").val());

}

</script>

<div id="content"></div>

<input type="text" name="msg" id="msg" />

<input type="button" name="Button" value="Button" onClick="send()">

</body>

</html>

socket.io对IE8的支持的更多相关文章

  1. 解决Socket.IO在IE8下触发disconnect时间过长

    本文地址: http://www.cnblogs.com/blackmanba/p/solve-socketIO-IE8-emit-disconnect-too-long.html或者http://f ...

  2. .net下使用socket.io随笔记录

    一.问题背景 目前公司在互联网产品上需要程序与前端部分要进行一个实时交互,在进行一定程度上的选型后,决定使用socket.io框架进行一个实践,算是公司的一个新的 尝试,也算是给自己增加增长见闻,由于 ...

  3. socket.io框架

    socket.io框架 一.问题背景 目前公司在互联网产品上需要程序与前端部分要进行一个实时交互,在进行一定程度上的选型后,决定使用socket.io框架进行一个实践,算是公司的一个新的 尝试,也算是 ...

  4. 即时通信WebSocket 和Socket.IO

    WebSocket HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯. 在2008年诞生,2011年成为国际标准. 现在基本所有浏览器都已经支持了. We ...

  5. Socket.IO介绍：支持WebSocket、用于WEB端的即时通讯的框架

    一.基本介绍 WebSocket是HTML5的一种新通信协议,它实现了浏览器与服务器之间的双向通讯.而Socket.IO是一个完全由JavaScript实现.基于Node.js.支持WebSocket ...

  6. CabloyJS V3.2.0支持Socket IO

    CabloyJS v3.2.0引入了Socket IO,并且实现了统一的在线推送和离线推送机制 效果演示 1. IM 用户向系统发送一条消息,系统通过websocket在线通道向用户推送一条回复 2. ...

  7. 使用Node.js+Socket.IO搭建WebSocket实时应用

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  8. （转）使用Node.js+Socket.IO搭建WebSocket实时应用

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  9. 使用Node.js+Socket.IO搭建WebSocket实时应用【转载】

    原文:http://www.jianshu.com/p/d9b1273a93fd Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新 ...

随机推荐

  1. Python168的学习笔记5

    关于对csv文件的操作. python标准库中有csv的库,使用非常方便. import csv with open('pingan.csv','rb') as rf: reader = csv.re ...

  2. Python编码规则

    1. 命名规则 1.1 变量名.包名.模块名 变量名通常有字母.数字和下划线组成,且首字母必须是字母或下划线,并且不能使用python的保留字:包名.模块名通常用小写字母 1.2 类名.对象名 类名首 ...

  3. BZOJ 1029: [JSOI2007]建筑抢修 优先队列

    1029: [JSOI2007]建筑抢修 Time Limit: 4 Sec  Memory Limit: 162 MB 题目连接 http://www.lydsy.com/JudgeOnline/p ...

  4. IIS7.5 配置 PHP 5.3.5

    本机环境:IIS7.5 windows2008 64位 首先确认IIS中启用了CGI功能: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWVmaWdod ...

  5. 第一次ACM赛后总结及感悟

    2014 "嘉杰信息"杯 ACM/ICPC湖南程序设计邀请赛暨第六届湘潭程序设计比赛 赛后总结,尽管已经是大二第二学期了,这却是我的第一次真正的ACM比赛经历,大一尽管说就已经进了 ...

  6. Shimmer辉光动画效果

    Shimmer辉光动画效果 效果 源码 https://github.com/facebook/Shimmer https://github.com/YouXianMing/Animations // ...

  7. 如何优化JAVA代码

    通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化.一般有两种方案:即优化代码或更改设计方法.我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能 ...

  8. 更改Mantis的logo

    1 准备好自己的logo,例如准备的logo为zhaoxiyu.gif.zxy.gif 2 把上面的两个logo存放到C:/mantis-1.0.0a3/images 3 打开C:/mantis-1. ...

  9. 理解Python命名机制

    理解Python命名机制 本文最初发表于恋花蝶的博客(http://blog.csdn.net/lanphaday),欢迎转载,但必须保留此声明且不得用于商业目的.谢谢. 引子 我热情地邀请大家猜测下 ...

  10. Python 基础学习 总结篇

    Python 基础学习总结 先附上所有的章节: Python学习(一)安装.环境配置及IDE推荐 Python学习(二)Python 简介 Python学习(三)流程控制 Python学习(四)数据结 ...