Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1435356
  • 博文数量: 931
  • 博客积分: 10
  • 博客等级: 民兵
  • 技术积分: 10198
  • 用 户 组: 普通用户
  • 注册时间: 2011-07-08 12:28
个人简介

测试

文章分类

全部博文(931)

文章存档

2020年(134)

2019年(792)

2018年(5)

我的朋友

分类: 架构设计与优化

2019-04-20 21:49:19

我写公众号文章时,经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题“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的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:


阅读(564) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~