chrome 插件 抓取网页qq聊天记录(手机端页面的客服功能，瞬间蒙蔽的我也不知道 )
优采云 发布时间: 2022-03-03 04:13chrome 插件 抓取网页qq聊天记录(手机端页面的客服功能，瞬间蒙蔽的我也不知道
)
当我想写这个需求时，我很头疼。手机页面的客服功能，就相当于像QQ一样的*敏*感*词**敏*感*词*功能。我瞬间被蒙蔽了，不知道用什么来写这个东西。我一开始用的是ajax。定时器去写，写发现尼玛不在同一个页面怎么做数据传输，很难实现点对点的信息聊天。郁闷了几个小时后，我决定用websocket来尝试学习和编写这个聊天功能。写了一半才知道网上客服功能全是IM即时通讯。网易云一个月1800。当时我吐了一碗血，刚刚调整了界面。我还写了大约三天的 websocket。
别再在代码上胡说八道了。
首先，我们把PC端的页面代码和手机端的页面代码放到一个jsp文件中，调用它们根据屏幕的分辨率显示手机端页面或者PC端页面。
1
3
4
5
6
7
8
9
10 阿斯蒂芬
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 每天9:30-18:00在线
27 退出客服
28
29
30 ${dateTime }
31
32
33
34
35 ${contentList.customerService_content }
36
37
38
39
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 赵鹏1
71 5
72 [流泪]
73 -->
74
75 --%>
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175 发送(s)
176
177
178
179
180
181
182
183
184
185
186
187
188
189 (function(){
190 if (document.body.clientWidth-1){
75 $("<p class=serviceWord>+innerHTML+").appendTo("#APPContent");
76 }else{
77 $("
"+innerHTML+"").appendTo("#APPContent");
78 }
79 }
80
81 //关闭WebSocket连接
82 function closeWebSocket() {
83 websocket.close();
84 }
85 //发送消息
86 send.click(function(){
87 if (ipt[0].value){
88 var topOne=talk.height();
89 var str = $("#saytext").val();
90 var div=document.createElement("div");
91 // $(div).html(replace_em(str));
92 div.innerHTML='
'+replace_em(str)+'';
93 serviceCustom[0].appendChild(div);
94 ipt[0].value="";
95 var topTwo=talk.height();
96 sumTop+=topOne-topTwo;
97 talk.animate({
98 top:sumTop+topTwo-topOne
99 },100);
100 send.css({
101 backgroundColor:"lightgray"
102 });
103 var openid = document.getElementById("openid").value;
104 websocket.send(str+","+"kehu"+","+openid);
105 }
106 });
107
108
143
144 });
145
146 //查看结果
147 function replace_em(str){
148 str = str.replace(/\/g,'>');
150 str = str.replace(/\n/g,'
');
151 str = str.replace(/\[em_([0-9]*)\]/g,'../arclist/$1.gif');
152
153 return str;
154 }
155
156 // 上下滑动屏幕
157 touch.config.drag=true;
158 console.log(talk[0].style.top);
159 //定义初始位置
160 var disY=0;
161 //定义偏移量
162 var y=0;
163 touch.on(document,'touchstart touchmove',function(event){
164 event.preventDefault();
165 });
166 touch.on(talk,'drag',function(event){
167 y=disY+event.y;
168 if (y>menu.height()||$(".wrap").innerHeight()>talk.height()){
169 y=menu.height();
170 }else if (y
