-
Notifications
You must be signed in to change notification settings - Fork 57
/
result.html
89 lines (82 loc) · 2.45 KB
/
result.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>爬取微信公众号</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script src="https://cdn.bootcss.com/socket.io/2.0.4/socket.io.js"></script>
</head>
<style>
.text-ellipsis {
display: inline-block;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<body>
<table class="table table-bordered table-sm">
<thead>
<tr>
<th>#</th>
<th>标题</th>
<th>校验</th>
<th>时间</th>
<th>作者</th>
<th>公众号</th>
<th>阅读量</th>
<th>点赞数</th>
<th>url</th>
<th>备注</th>
<th>爬取时间</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script id="tmp" type="text/x-jquery-tmpl">
<tr>
<td>${index}</td>
<td class="text-nowrap" title="${otitle}">${title}</td>
<td class="text-nowrap" title="${activityName}">${same}</td>
<td>${postDate}</td>
<td>${author}</td>
<td>${postUser}</td>
<td>${readNum}</td>
<td>${likeNum}</td>
<td><a class="text-ellipsis" href="${ourl}" title="${ourl}" target="_blank">${ourl}</a></td>
<td>${remark}</td>
<td>${crawTime}</td>
</tr>
</script>
<script>
function decodeHtml(html) {
var span = document.createElement("span");
span.innerHTML = html;
return $(span).text().trim();
}
// 只保留中文，字母，数字，进行比较
function allCN(str) {
var reg = /[^a-zA-Z0-9\u4E00-\u9FA5]/ig;
var ret = str.replace(reg, '');
return ret;
}
var index = 1;
var tmp = $('#tmp').html();
var socket = io('/result').connect(window.location.origin);
socket.on('newData', function (data) {
console.log(index, data);
data.index = index;
data.title = decodeHtml(data.otitle);
data.same = allCN(data.title) === allCN(data.activityName);
if (data.js_share_source) data.remark = '分享';
$.tmpl(tmp, data).appendTo("tbody");
document.title = index + '爬取微信公众号';
index++;
});
</script>
</body>
</html>