今天上网搜集范文，又遇到了这个很多年前就让我非常痛恨的网站。可以看到，这个网站应该是通过JS，检测鼠标左键或者CTRL+C再弹出这个窗口达到的防止用户复制的目的，可以此为切入点，查看一下这个网站的源码。找到问题所在。
今天定要把这个仇报了。下载网页到本地，这里出了一个小插曲，在FIREFOX浏览器下载的所有网页文件，中文都是乱码，顺便来解决一下这个问题。
在平板MT管理器右上角可以看到，这个文件的编码格式是GB2312，在vim中输入:e ++enc=gb2312，在输入set fileencoding=utf-8就可正常查看了。现在的代码结构非常屎，保存格式化一下。
第159行，有一个webchatbox的盒子，可以看到，这里就是为防止复制创建的盒子，把这段代码注释掉。
这还没完，再去到页面复制发现还是有未处理完善的残留页面
原因在于第223行的开始的一个盒子，把这段也注释掉即可
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
| <div class="modal modal-server">
<div class="wx_pic_img" id="webchat-server-box">
<div class="modal-close"></div>
<div class="payqr_box" style="display: block;">
<div class="cj_title"><span>常见问题</span></div>
<ul class="customer_service_box">
<li>
<div class="que">1.支付成功后，怎么复制？</div>
<div class="ans">亲，您好！付款成功后，无需验证码，直接复制哦！</div>
</li>
<li>
<div class="que">2.支付成功后，为何无法复制内容？</div>
<div class="ans">亲，请尝试刷新一下网页（按键盘F5键），再进行复制。</div>
</li>
<li>
<div class="que">3.付费后能否更换浏览器、更换电脑进行复制？</div>
<div class="ans">亲，更换浏览器或电脑会导致复制不成功哦！请确保付费时的浏览器及电脑和复制文章时所用的浏览器是一样的。</div>
</li>
<li>
<div class="que">4.如何联系客服？</div>
<div class="ans">麻烦您添加客服微信：zjdddx1 ，留言“付款后无法复制文章”，并发送相关付款截图，客服将为您处理。</div>
</li>
</ul>
</div>
</div>
</div>
<div class="copy-success alert-bounceIn"><img src="co_files/payed.png"
class="icon"><span>复制成功！</span></div>
<script type="text/javascript" src="co_files/js.cookie.min.js"></script>
<script language="javascript" src="co_files/bottom.js"></script>
<script language="javascript" src="co_files/doc.js"></script>
</div>
|
这样再保存，回到页面中就可正常复制了。前端的这点小儿科把戏，轻松搞定。
可能会写一个脚本来把这个页面的p标签内容都解析出来并输出。