-
平行宇宙2020-01-01 00:00
- 29
- 0
let fs = require('fs');
let url = require('url');
let http = require('http');
let path = require('path');
let express = require('express');
let app = express();
let server = http.createServer(app);
let io = require('socket.io').listen(server);
let root = __dirname;
app.use(function(req, res, next) {
req.on('static', function() {
let file = url.parse(req.url).pathname;
let mode = 'stylesheet';
console.log(file[file.length - 1]);
if (file[file.length - 1] == '/') {
file += 'index.html';
mode = 'reload';
}
createWatcher(file, mode);
});
next();
});
app.use(express.static(root));
let watchers = {};
function createWatcher(file, event) {
let absolute = path.join(root, file);
if (watchers[absolute]) {
return;
}
fs.watchFile(absolute, function(curr, prev) {
if (curr.mtime !== prev.mtime) {
io.sockets.emit(event, file);
}
});
watchers[absolute] = true;
}
server.listen(3000);<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Socket.IO dynamically reloading CSS stylesheets</title>
<link rel="stylesheet" type="text/css" href="./header.css" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.min.js"></script>
<script type="text/javascript">
window.onload = function() {
let socket = io.connect();
socket.on('reload', function() {
window.location.reload();
});
socket.on('stylesheet', function(sheet) {
let link = document.createElement('link');
let head = document.getElementsByTagName('head')[0];
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('href', sheet);
head.appendChild(link);
})
};
</script>
</head>
<body>
<h1>This is our Awesome Webpage!</h1>
<div id="body">
<p>12月4日，在第四届世界互联网大会上，刘强东说出了自己担任贫困村荣誉村长的原因
，也呼吁企业家们都站出来去每一个村担任荣誉村长，帮助其脱贫致富。
刘强东还不忘调侃“一个亿小目标”的王健林和“一个月赚十几亿很痛苦”的马云，
并声称“中国的贫困人口依然这么多，是我们这帮富人的耻辱！”。</p>
</div>
</body>
</html>最近在学node in action 第13张有个socket demo ----即保存css时，自动刷新页面
不知道为何 req.on('static'，function() {} 这里面一直执行不到，所以也就得不到自动刷新，只能通过人为刷新才可以得到效果
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部