油猴+JS代码创建DEAP网页按钮

DEAP

DEAP (Data Exploration and Analysis Portal)是ABCD提供的数据探索和分析网站，允许用户对ABCD数据进行下载和统计分析(需要NDA凭证登录)。在这里可以看到最新release的行为和ROI水平的指标。让人印象深刻的地方是使用DEAP可以快速(0.2s以内)从上万个文件中检索出所需要的数据。

比如 MID任务中Reward anticipation large vs. neural Contrast的beta值，将需要的数据加入购物车即可下载。

但是目前DEAP存在以下两个影响用户体验的地方：

1)无法将数据一次性将所有检索出来的内容加入购物车，必须一个一个地点。

2)清空购物车时，如果不在清除缓存的话，即使在购物车加入新的数据，仍然会下载之前添加的数据。但是这个功能隐藏在一个很遥远的页面中。

油猴

相信很多人听说过油猴(Tampermonkey)，可以理解为一个用户脚本管理器。它主要依靠各大社区编写的扩展脚本（JavaScript代码）运行在浏览器上，来改变被访问网页的功能，提升网页浏览体验。所以可以考虑在DEAP的页面上加入自制的JS代码，实现：

添加按钮
一键添加购物车
清空购物车

1.添加HTML 按钮

参考模板

https://stackoverflow.com/questions/6480082/add-a-javascript-button-using-greasemonkey-or-tampermonkey

2.一键添加购物车

原理就是根据ClassName找到所有Add to Chart的按钮并点击。这里可以通过查看网页元素的方法查看按钮的属性。

‍

3.清空购物车

原理就是清空缓存和刷新页面

三部分内容搞明白之后就是将按钮所执行的功能替换成所需功能，并调整按钮的位置和外观即可。即使不用DEAP，第一部分的框架完全可以运用到其他网站实现某些功能。

在油猴JS代码前写 debugger; 可以进入代码调试模式。还有一个调试代码的地方就是网页查看元素页面的console，在这里可以看到报错的信息，也可以直接在这里运行JS的代码。

初识油猴还是在几年前，那个时候需要尽快预约一个提交签证申请的时间，写了一个简单的JS脚本不停刷新可预约时间，结果账号直接被封了72个小时，还好解封后很快就预约到了最近的时间

油猴+JS代码创建DEAP网页按钮相关推荐

油猴脚本第一家，网页网盘链接实时判断+资源搜索网站导航，资源重度患者的福利...
现在网络上找资源,资源都是存在百度网盘的,大家都知道,百度网盘链接失效的非常之多.遇到网盘链接我们都要一个一个点进去查看链接是否失效,这样操作费时又累人.这时这个油猴脚本就可以帮忙了.实时判断网页中百 ...
油猴脚本第一家，网页网盘链接实时判断+资源搜索网站导航，资源重度患者的福利... 1
现在网络上找资源,资源都是存在百度网盘的,大家都知道,百度网盘链接失效的非常之多.遇到网盘链接我们都要一个一个点进去查看链接是否失效,这样操作费时又累人.这时这个油猴脚本就可以帮忙了.实时判断网页中百 ...
Vue3+vite使用 Highlight.js代码高亮实现网页代码显示
Vue3+vite使用 Highlight.js代码高亮实现网页显示代码这里只展示了Vue中如何使用,如需要其他使用或者自定义高亮,请访问 Highlight.js官网安装npm install ...
js中创建桌面网页快捷方式代码
有些时候,我们编写软件需要创建桌面的快捷方式,有很多种方式实现,这里有我测试过已经实现的js代码,代码如下: function toDesktop(sUrl, sName) { ...
开发油猴脚本：给任意网页的选中文字涂色
概述简单来说:就像在现实课本上用mark笔涂色划重点一样,可以用这个脚本在任意网页上涂色划重点. 开发缘由:每次在网上看资料的时候,都会默默归纳几个重要的地方,但是看完资料写博客的时候又容易忘重点, ...
手机如何安装GreasyFork油猴js脚本？
文章目录前言一.狐猴浏览器(安卓)(谷歌微软插件) 二.Iceraven浏览器(火狐)(安卓) 三.Via浏览器(安卓) 四.alook浏览器(苹果)(安卓) 五.kiwi浏览器(安卓) 哪里找到 ...
油猴高正确率循环等待网页答题（原创）
// ==UserScript== // @name 高正确率循环等待答题 // @namespace http://tampermonkey.net/ // @version 0.1 // @des ...
油猴插件 | JS实现当前网页添加固定按钮
借助油猴插件,在当前网页添加固定按钮当需要增强当前网页的按钮时,我们需要添加按钮实现特定功能,这个可以使用js代码实现,在代码实现过程中发现,style的一个属性z-index需要特定方式实现,详见 ...
200行JS代码为你的网页挂上红灯笼
目录一.前言二.效果展示局部效果全局效果三.代码讲解 1.确定位置 2.绘制灯笼 3.动态效果四.添加脚本到网页 1.下载万能的油猴 2.安装使用 3.附录一.前言除夕夜,在门前挂上灯 ...

油猴+JS代码创建DEAP网页按钮

油猴+JS代码创建DEAP网页按钮相关推荐

最新文章

热门文章