上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
1234下一页
返回列表 发新帖

文本选中复制

[复制链接]
回帖奖励 70 油猫币 回复本帖可获得 5 油猫币奖励! 每人限 1 次
  • TA的每日心情
    慵懒
    2022-3-18 18:40
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    14

    帖子

    14

    积分

    助理工程师

    Rank: 1

    积分
    14
    发表于 2022-2-15 18:44:49 | 显示全部楼层 | 阅读模式
    安装此脚本 如何安装? 脚本问题反馈 给脚本评分 查看代码

    文本选中复制

    某些网站例如某度文库、道客某某等都不允许用户选中文本进行复制,作为一个搞前端的,就感觉离谱,文本都下载到本地了,还不让我复制,于是为了更好的学(复)习(制),实现了一个脚本去解决这些限制。

    模块化构建(未压缩),全部源码请参阅此处 https://github.com/WindrunnerMax/TKScript ,如果觉得不错,点个star吧 😃
    不经常上GreasyFork,如果有问题还请移步issue: https://github.com/WindrunnerMax/TKScript/issues ,感谢理解 😃

    描述

    首先来看一下效果图,依旧是以某度文库、道客某某为例展示效果,点击复制按钮即可成功复制。

    alt text

    alt text

    脚本下载地址:https://greasyfork.org/scripts/405130-文本选中复制
    Github:https://github.com/WindrunnerMax/TKScript/tree/master/src/copy
    脚本主要支持 百度文库 道客巴巴 无忧考网 学习啦 蓬勃范文 中文本的复制

    实现

    在研究实现之前,可能需要知道下面的一些知识,后面的链接是我之前写过的一些博客:

    某度文库

    在某度文库中直接右击检查元素的话,是能够直接看到文字的,可以直接在调试面板的Elements审查元素中复制,但是总是有些麻烦。如果在选中某度文库的东西会弹出他自行插入的复制按钮,无论是按Ctrl+C或者点击他的复制按钮都无效,除非开通一个VIP,本着白嫖的原则,且文本都下载到浏览器了还不让复制有点说不过去,于是首先研究一下他的Event Listeners。

    alt text

    虽然通过移除一些Event Listeners确实能够达到使用Ctrl+C来实现复制的效果,但是浏览器并不提供获取所有事件监听的方法,无法移除对于匿名的事件处理函数,对于具名的事件处理函数也不容易获取,谷歌浏览器提供的getEventListeners方法也只能在Console中使用,在脚本中会出现找不到该方法的异常,于是替换了一种方案,通过自行实现一个复制按钮来规避某度文库对于按键以及复制事件的屏蔽,具体是通过动态地插入Dom实现一个按钮,然后使用ClipboardJS这个插件去实现复制,其他的操作都是一些细节的处理,例如阻止这个插入的按钮继续冒泡触发onmouseup事件等。

    alt text

    道客某某

    不得不说,这个真的是惊到我了,他的实现是将文本加密,然后解密文本,最后通过使用Canvas将文本绘制,拖动鼠标选中时其实只是通过事件监听动态的插入了一个淡蓝色的透明的div,看似是选中了,实际文本是并未选中的。

    alt text

    见招拆招,既然文本都已经下载到了我本地,那么他的解密方式也必定在本地,于是我首先寻找的就是他对于加密的数据进行解密的代码,在浏览器中debug了很长时间,因为他对于代码有加密混淆压缩的行为,解密的相关代码比较混乱,并不太容易去复现,于是我换了一个思路,既然VIP是能够复制的,那么对于这个点击复制的按钮一定会有相应的事件处理函数,那么就寻找这个按钮绑定的事件处理函数,通过不断地debug我定位了一个加密的Js文件,虽然做了加密以及混淆但是将其解析并格式化之后在事件处理函数的部分不是特别影响阅读,此外他的混淆的变量名是动态生成的,所以要做的就是再次请求一遍这个Js首先将其解析生成一段字符串然后通过正则表达式匹配正确的变量名,从而实现文本的复制。

    alt text

    其它

    对于这一部分基本上都是通过监听一个oncopy事件去拦截复制操作,对于DOM0级模型直接将oncopy事件的处理函数指向一个空函数即可,对于DOM2级模型,前文提到无法在脚本中直接获取一个元素绑定的所有事件,通过观察这些网站的Event Listeners可以发现其绑定的oncopy事件都是绑定在document上的,而且都是冒泡模型,那么只需要阻止事件向上冒泡就能规避这些网站的oncopy事件的触发,实现方案就是在body上定义oncopy事件为一个空函数并阻止其向上冒泡。

    alt text

    Github

    https://github.com/WindrunnerMax/TKScript

  • TA的每日心情
    慵懒
    2022-3-18 18:40
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    14

    帖子

    14

    积分

    助理工程师

    Rank: 1

    积分
    14
    发表于 2022-2-15 19:10:31 | 显示全部楼层
    mark一下
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-4-16 18:33
  • 签到天数: 27 天

    [LV.4]偶尔看看III

    5

    主题

    66

    帖子

    79

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    79

    活跃会员热心会员

    发表于 2022-2-15 19:17:39 | 显示全部楼层

    回帖奖励 +5 油猫币

    ggnb!
    可恃唯我
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2022-5-4 16:28
  • 签到天数: 22 天

    [LV.4]偶尔看看III

    0

    主题

    44

    帖子

    57

    积分

    初级工程师

    Rank: 4

    积分
    57

    中秋纪念章猫咪币纪念章国庆纪念章

    发表于 2022-2-15 21:31:10 | 显示全部楼层

    回帖奖励 +5 油猫币

    谢谢分享,哥哥牛逼
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    23

    帖子

    20

    积分

    助理工程师

    Rank: 1

    积分
    20
    发表于 2022-2-16 10:43:08 | 显示全部楼层

    回帖奖励 +5 油猫币

    GGNB                        
    回复

    使用道具 举报

  • TA的每日心情
    开心
    3 小时前
  • 签到天数: 80 天

    [LV.6]常住居民II

    25

    主题

    569

    帖子

    4649

    积分

    荣誉开发者

    精通各种语言的HelloWord!

    Rank: 10Rank: 10Rank: 10

    积分
    4649

    猫咪币纪念章活跃会员三好学生热心会员中秋纪念章国庆纪念章

    发表于 2022-2-16 10:43:41 | 显示全部楼层

    回帖奖励 +5 油猫币

    好东西,妈的再也不怕百度文库限制复制了
    回复

    使用道具 举报

  • TA的每日心情
    开心
    18 小时前
  • 签到天数: 67 天

    [LV.6]常住居民II

    15

    主题

    264

    帖子

    205

    积分

    高级工程师

    The CV Moilion :-)

    Rank: 6Rank: 6

    积分
    205

    中秋纪念章

    发表于 2022-2-16 12:49:35 | 显示全部楼层

    回帖奖励 +5 油猫币

    ggnb!
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-18 18:40
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    14

    帖子

    14

    积分

    助理工程师

    Rank: 1

    积分
    14
    发表于 2022-2-18 16:50:57 | 显示全部楼层

    mark一下
    回复

    使用道具 举报

  • TA的每日心情

    前天 16:44
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    0

    主题

    11

    帖子

    28

    积分

    助理工程师

    Rank: 1

    积分
    28

    猫咪币纪念章

    发表于 2022-2-20 12:33:34 | 显示全部楼层

    回帖奖励 +5 油猫币

    666666666666
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    17

    积分

    助理工程师

    Rank: 1

    积分
    17
    发表于 2022-2-21 11:26:23 | 显示全部楼层

    回帖奖励 +5 油猫币


    mark一下
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表