小技巧:如何突破某些网站只能登陆后才能进行文字拷贝的限制

我写公众号文章时,经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题“SAP Fiori 2.0用户体验设计概念获红点大奖”进行拷贝。

然而当我按了键盘上的拷贝快捷键Ctrl C后,却收到这个提示,告诉我只有登陆后才能够进行复制操作。

可是为了登陆我得先注册,有点麻烦。如果赶时间的话,可以使用这篇文章的小技巧,达到不用先注册再登陆,也能任意拷贝网页文字的效果。

下面是详细步骤。

1. 和往常一样打开您想复制文字的网页,先不忙按Ctrl C。按F12打开Chrome浏览器的开发者工具。

切换到Network标签页。为了避免干扰,先点Clear按钮把Network标签页下的网络请求全部清除掉。最后如下图所示:

2. 和往常一样,点击复制的快捷键Ctrl C。此时看到了意料之中的登陆框。然而我们关心的是:到底是哪一行JavaScript代码触发了这个登陆框?

从Chrome开发者工具的Network标签页里,我们找到了答案。

首先在Network标签页里我们找到了登录对话框的实现文件artlogin.html。接着,把鼠标放到下图标注了“2”的VN1134:1,Chrome开发者工具就会自动在一个悬浮窗口里显示出到底是哪一行JavaScript产生了artlogin.html的加载。答案就是标注了“3”的几个函数。这几个函数是以调用栈的方式显示的。

最底层的调用栈里的函数是DisplayPageinfo.document.body.oncopy。做过前端开发的朋友们只要看到这个oncopy,心中就有数了:这就是该网站处理用户按了Ctrl+C进行文字拷贝的处理函数,oncopy又会调用copyArt函数。

现在我们就进入copyArt函数一探究竟。果然,下图第3961行试图读取用户对于当前网站的cookie信息。如果cookie为空,那么进入第3962行if语句的第一个分支:第3970行的$("#LayerLogin").load("/artlogin.html")负责的正是登陆对话框的加载。

讲到这里,解决方案已经很清楚了:在执行第3962行代码判断网站cookie之前,我们随便给变量CurUserNameCookiescgcg赋上一些内容,让它的值不为空,确保进入IF的ELSE分支就行了。

如下图,在Chrome开发者工具的Console标签页里给Cookie变量赋值:

于是进入了我们期望的ELSE分支,此时,我在网页上选中的文本“SAP Fiori 2.0用户体验设计概念获红点大奖”已经成功写入JavaScript变量selhtml中,请大家看代码第3986行。

直接点Chrome开发者工具的"Continue"按钮结束调试,打开记事本按粘贴的快捷键Ctrl+V,成功了。

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏木子昭的博客

简单优化前端工程几种方式(上篇)

如果A网站和B网站, 同时使用了https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的资源,...

10130
来自专栏DeveWork

WordPress 退出(登出)的时候跳转到首页

默认情况下,WordPress 中用户退出的时候,会把用户停留在登录页面里。但是实际当中,我们常常希望在登录退出的时候,跳转到网站的首页或是其它的某个指定的页面...

21070
来自专栏专业duilib使用+业余界面开发

duilib的xml预览工具duilibpreview

62840
来自专栏PHP实战技术

ThinkPHP3.2.3集成微信分享JS-SDK实践

在没有集成微信分享js-sdk前是这样的:没有摘要,缩略图任意抓取正文图片

41180
来自专栏jeremy的技术点滴

微信小程序上手

74860
来自专栏美丽应用

Linux Deploy:部署图形界面环境

71010
来自专栏企鹅号快讯

雅虎前端优化的35条军规

问题:我怎么才能收到你们公众号平台的推送文章呢? 内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各...

39550
来自专栏指尖下的Android

AndroidStudio无法输出日志的Bug

正常情况下我们在真机调试程序时,如图箭头所指的位置显示的应该是该应用的主包名,但是有的时候明明打开了开发者模式,但是却无法输出日志,该位置显示的也不是应用包名,...

30220
来自专栏蘑菇先生的技术笔记

Windows10自适应和交互式toast通知[1]

28560
来自专栏蘑菇先生的技术笔记

Windows10自适应和交互式toast通知[1]

创建灵活的toast通知,包括内嵌图片及更多的内容,不在局限于之前Windows 8.1和Windows Phone 8.1提供的toast模板。

14060

扫码关注云+社区

领取腾讯云代金券