关于localStorage的监听 和 WebSocket

首先的条件是在同源的两个页面上才会发生效果
首先我们要先设置localStorage的值（值不一样的时候触发）
在另一个页面 使用

window.addEventListener(“storage”, function (e) {
alert(e.newValue);
});
详细地址是：
https://www.jianshu.com/p/519a1b42d659

自己模拟的话
现在src下创建一个ws.js
里面写

var WebSocketServer = require(‘ws’).Server,
wss = new WebSocketServer({ port: 8181 }) //服务端口8181

let i = 0

// connection 前端后台连接上了
wss.on(‘connection’, function (ws) {
setInterval(() => {
ws.send(i++)
}, 5000)

// message 接收前端给后台发送的数据
ws.on(‘message’, function (message) {
//打印客户端监听的消息
console.log(message, ‘后台接收的数据’)
})
})

之后再页面或者index.js中 写上

var ws = new WebSocket(‘ws://localhost:8181’);

ws.addEventListener(‘open’,() => {
console.log(‘链接成功’);
ws.send(‘发送数据’)
})

ws.addEventListener(‘message’,evt => {
console.log(evt.data);
ws.close()
})

ws.addEventListener(‘close’,evt => {
console.log(‘链接关闭’);
})

ws.addEventListener(‘error’,evt => {
console.log(‘错误’);
})

详情去看 菜鸟教程中的 WebSocket

http://www.baidu.com/link?url=sN5h8jt7IC1BFmvtRiSskbrFgA6z57NEvcz_PblTzwe8rn6GkUm2Nyv7r6Ey3ZGhCB59bs1CIy4FHb8fsRJLwq