上一主题 下一主题
返回列表 发新帖

脚本添加按钮(求)

[复制链接]

1

主题

4

帖子

41

积分

新手上路

Rank: 1

积分
41
发表于 2021-1-21 19:14:38 | 显示全部楼层 | 阅读模式

想用脚本添加一个按钮到页面上,该怎么办呢?

回复

使用道具 举报

31

主题

271

帖子

451

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
451
发表于 2021-1-21 21:05:14 | 显示全部楼层
下一节就介绍这个!
回复

使用道具 举报

1

主题

4

帖子

41

积分

新手上路

Rank: 1

积分
41
发表于 2021-1-21 21:10:15 | 显示全部楼层
坐等,希望学会后,自己搞一个实用插件出来:;P
回复

使用道具 举报

31

主题

271

帖子

451

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
451
发表于 2021-1-22 09:19:19 | 显示全部楼层
周末文章应该能写出来,但是不知道视频不知道要什么时候
最近太忙了

回复

使用道具 举报

31

主题

271

帖子

451

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
451
发表于 2021-1-23 15:38:09 | 显示全部楼层
[油猴脚本开发指南]脚本往页面上添加新元素
https://bbs.tampermonkey.net.cn/thread-237-1-1.html
(出处: 油猴中文网)
回复

使用道具 举报

1

主题

4

帖子

41

积分

新手上路

Rank: 1

积分
41
发表于 2021-1-23 21:54:37 | 显示全部楼层

本帖最后由 石一歌 于 2021-1-23 22:00 编辑

// ==UserScript==
// @name         bilibili保存demo
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.1
// @description  给bilibili增加一个保存进度按钮
// @author       石一歌
// @match        https://www.bilibili.com/video/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

let Save_progress = document.createElement("button");
Save_progress.innerText = "保存";
Save_progress.style.background = "#757575";//颜色弄得差不多吧
Save_progress.style.color = "#fff";
Save_progress.onmouseover = function () {
    Save_progress.style.background = 'rgb(0,161,214)';
}//变蓝
Save_progress.onmouseout = function () {
    Save_progress.style.background = 'rgb(117,117,117)';
}//还原

Save_progress.onclick = function () {
    //保存代码
    var test = window.location.href;
    alert(tit);
    createAndDownloadFile(tit + ".bat", "start " + test+"\ndel %0")
    //tit为标题,下载直接打开当前页面的bat脚本,单次使用后删除(del %0),浏览器一直拦截,需要手动确认,很烦
};
let tit = document.querySelector('.tit').innerText;//获取其标题
let ops = document.querySelector('#arc_toolbar_report .ops');
ops.addEventListener("DOMNodeInserted", function (event) {
    let more = document.querySelector('.more');
    more.parentElement.insertBefore(Save_progress, more);
    //调节了按钮位置
});//插入
function createAndDownloadFile(fileName, content) {
    var aTag = document.createElement('a');
    var blob = new Blob([content]);
    aTag.download = fileName;
    aTag.href = URL.createObjectURL(blob);
    aTag.click();
    URL.revokeObjectURL(blob);
}//下载函数,fileName为文件名, content为内容

交个作业,对教程的代码进行了一定的修改作用是下载一个打开哔哩哔哩网址的bat脚本,用以保存视频学习的进度(分p的那种)

已有1人评分猫咪币 理由
王一之 + 2 ggnb!

查看全部评分 总评分:猫咪币 +2 

回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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