摘要:比如我想把这个网页上的一个标题用户体验设计概念获红点大奖进行拷贝。如下图,在开发者工具的标签页里给变量赋值于是进入了我们期望的分支,此时,我在网页上选中的文本用户体验设计概念获红点大奖已经成功写入变量中,请大家看代码第行。
我写公众号文章时,经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题“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的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/53108.html
摘要:比如我想把这个网页上的一个标题用户体验设计概念获红点大奖进行拷贝。如下图,在开发者工具的标签页里给变量赋值于是进入了我们期望的分支,此时,我在网页上选中的文本用户体验设计概念获红点大奖已经成功写入变量中,请大家看代码第行。 我写公众号文章时,经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题SAP Fiori 2.0用户体验设计概念获红点大奖进行拷贝。 showIm...
摘要:孔淼大数据分析处理与用户画像实践直播内容如下今天咱们就来闲聊下我过去接触过的数据分析领域,因为我是连续创业者,所以我更多的注意力还是聚焦在解决问题和业务场景上。在对微博数据进行上面提到的计算分析之前,我们其实还做了很多数据处理的工作。 孔淼:大数据分析处理与用户画像实践 直播内容如下: 今天咱们就来闲聊下我过去接触过的数据分析领域,因为我是连续创业者,所以我更多的注意力还是聚焦在解决问...
摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...
摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...
阅读 2112·2021-11-16 11:45
阅读 1182·2021-10-22 09:53
阅读 4002·2021-09-07 10:26
阅读 1209·2021-09-06 15:00
阅读 2072·2019-08-28 18:09
阅读 2795·2019-08-26 14:06
阅读 3933·2019-08-26 13:48
阅读 1295·2019-08-26 12:11