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

[油猴脚本开发指南]通过__vue__获取数据

[复制链接]

216

主题

1775

帖子

2322

积分

管理员

非物质文化遗产社会摇传承人

Rank: 9Rank: 9Rank: 9

积分
2322
发表于 2021-12-12 14:36:25 | 显示全部楼层 | 阅读模式

前言

本文根据cxxjackie提供的方法简单整理而成,由于我个人能力有限

可能我的描述存在一定的出入

警告

关于对页面进行调试,严重要求使用Chrome,经测试火狐浏览器显示数据不完整,其他浏览器情况未知

vue实例

在我们获取vue实例之后,可以查看当前vue实例是否存在我们想要的数据

如果存在,我们可以直接提取出来

如果不存在,我们可以继续根据parent或children继续往上级或者下级继续寻找数据

以b站为例

图片.png我们可以通过vue属性提取出来视频的基本数据

我们该怎么获取列表呢?

先以一个div为准

图片.png

我们先获取info-box的节点

图片.png

发现不存在vue属性,接下来往上级或者下级找,因为我用的dom元素偏下,所以往上层找

图片.png

可以发现看到了vue属性,接下来我们看这些数据,下边的那些数据通常我们不用太过于在意,但是最好也点开看一下

着重看深紫色的部分

图片.png

经过翻找

我们可以看到info就是我们想看到的视频数据

图片.png

那我们如果想获取一整个视频列表,我们应该怎么办呢?

就是找他的parent属性,然后再查看数据

图片.png

我们可以找到

图片.png

打开看一下,发现存在一个数组,每个数组都是一个视频数据

图片.png

这个时候我们就可以提取数据做我们想要做的事情了!

或对其进行修改来达到显示我们想要的显示的东西。

那么这节课我们就学习了如何使用vue属性

结语

撒花~

图片.png
混的人。

4

主题

38

帖子

82

积分

注册会员

Rank: 2

积分
82
发表于 2021-12-12 19:58:47 | 显示全部楼层

gege,这个__defineGetter__是用来干嘛的
回复

使用道具 举报

216

主题

1775

帖子

2322

积分

管理员

非物质文化遗产社会摇传承人

Rank: 9Rank: 9Rank: 9

积分
2322
发表于 2021-12-12 22:42:42 | 显示全部楼层
rubinTime 发表于 2021-12-12 19:58
gege,这个__defineGetter__是用来干嘛的

这些属性可以查看mdn文档,很干净标准
https://developer.mozilla.org/zh ... ct/__defineGetter__

__defineGetter__
非标准: 该特性是非标准的,请尽量不要在生产环境中使用它!
已废弃: 该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。
概述
__defineGetter__ 方法可以将一个函数绑定在当前对象的指定属性上,当那个属性的值被读取时,你所绑定的函数就会被调用。
语法
obj.__defineGetter__(prop, func)
示例
// 请注意,该方法是非标准的:
var o = {};
o.__defineGetter__('gimmeFive', function() { return 5; });
console.log(o.gimmeFive); // 5
混的人。
回复

使用道具 举报

4

主题

38

帖子

82

积分

注册会员

Rank: 2

积分
82
发表于 2021-12-13 09:00:41 | 显示全部楼层

那哥哥这步操作是在干嘛呢?
回复

使用道具 举报

216

主题

1775

帖子

2322

积分

管理员

非物质文化遗产社会摇传承人

Rank: 9Rank: 9Rank: 9

积分
2322
发表于 2021-12-13 09:32:01 | 显示全部楼层
rubinTime 发表于 2021-12-13 09:00
那哥哥这步操作是在干嘛呢?

在寻找__vue__属性
混的人。
回复

使用道具 举报

4

主题

38

帖子

82

积分

注册会员

Rank: 2

积分
82
发表于 2021-12-13 10:28:05 | 显示全部楼层

直接 . 运算符查找不行吗
回复

使用道具 举报

216

主题

1775

帖子

2322

积分

管理员

非物质文化遗产社会摇传承人

Rank: 9Rank: 9Rank: 9

积分
2322
发表于 2021-12-13 10:40:37 | 显示全部楼层
rubinTime 发表于 2021-12-13 10:28
直接 . 运算符查找不行吗

就是用.呀
这里打印出来看提醒有没有相关属性
混的人。
回复

使用道具 举报

216

主题

1775

帖子

2322

积分

管理员

非物质文化遗产社会摇传承人

Rank: 9Rank: 9Rank: 9

积分
2322
发表于 2 小时前 | 显示全部楼层
rubinTime 发表于 2021-12-13 09:00
那哥哥这步操作是在干嘛呢?

突然很好奇,最后学的怎么样了
混的人。
回复

使用道具 举报

发表回复

本版积分规则

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