看到椰奶芒果冻、kimo-XD两位同学好像对下载东西这方面非常有兴致,那我也来参与下吧。其实还可以使用更便捷的方法下载全网主流音乐网站的歌曲的。下面提到的方法仅供学习交流使用,有条件的请支持正版。
这次推广普及一下 Tampermonkey 用户脚本管理器(中文名称油猴脚本管理器,有些小伙伴可能听说过或使用过)。Tampermonkey能成为全网最流行的浏览器用户脚本管理器是有原因的,其中很重要的一点是它是开放的、可编程的,API文档非常齐全,懂编程的童鞋都可以按需编写自己的Tampermonkey脚本。这个帖子将会演示使用现有Tampermonkey脚本下载全网主流网站歌曲,以及自己使用Javascript语言动手编写一个功能脚本来演示Tampermonkey的可编程性。下面开始表演!
在开始之前,请到Chrome网上应用商店或第三方CRX扩展网站先下载安装Tampermonkey浏览器扩展。安装完Tampermonkey扩展后点击图标打开管理面板,会发现当前还没安装有任何的脚本。
1. 使用现有Tampermonkey脚本下载全网主流音乐网站音频
到Greasy Fork这个中文油猴脚本站点,在脚本列表安装免费下载音乐的脚本,比如【玩的嗨】VIP工具箱,一站式音乐搜索下载,百度云离线跳转,获取B站封面,淘宝京东优惠券 2020-03-19 更新,报错请及时反馈 (这里只拿其中一个脚本演示,Greasy Fork免费下载音乐的脚本有很多,挑自己喜欢的就行),直接点击"安装此脚本",之后会跳转到另外一个页面,再次点"安装"
操作完后脚本会自动安装到Tampermonkey用户脚本管理器,这时候查看Tampermonkey扩展的管理面板,会发现多了一个我们刚才安装的脚本,请保持开启状态。
现在可以愉快地到各大主流音乐网站免费下载歌曲了,搜索歌曲进入到歌曲页面,脚本识别后会自动添加一堆操作按钮,直接点"音乐下载",如下图所示
其他QQ音乐、虾米音乐什么的也是一样的操作
2. 动手编写自己的Tampermonkey脚本
好了,帖子的重点来了。只需要掌握基本的HTML/Javascript/CSS知识,配合Tampermonkey开发文档,就能开发自己想要的任何脚本了。下面演示如何编写一个在FFF团兴趣社区主页显示实时时间的简单Tampermonkey脚本,以及完成后发布到Greasy Fork这个中文油猴脚本站点。起名字是很麻烦的一件事,这里随便一点就把它叫做“萌时间”好了。
打开Tampermonkey,添加一个新脚本,开始编写代码
在管理面板显示出来了
看下脚本执行的最终效果,实时显示当前时间
脚本已发布到Greasy Fork,可以下载体验:萌时间
[/url]
这次推广普及一下 Tampermonkey 用户脚本管理器(中文名称油猴脚本管理器,有些小伙伴可能听说过或使用过)。Tampermonkey能成为全网最流行的浏览器用户脚本管理器是有原因的,其中很重要的一点是它是开放的、可编程的,API文档非常齐全,懂编程的童鞋都可以按需编写自己的Tampermonkey脚本。这个帖子将会演示使用现有Tampermonkey脚本下载全网主流网站歌曲,以及自己使用Javascript语言动手编写一个功能脚本来演示Tampermonkey的可编程性。下面开始表演!
在开始之前,请到Chrome网上应用商店或第三方CRX扩展网站先下载安装Tampermonkey浏览器扩展。安装完Tampermonkey扩展后点击图标打开管理面板,会发现当前还没安装有任何的脚本。
1. 使用现有Tampermonkey脚本下载全网主流音乐网站音频
到Greasy Fork这个中文油猴脚本站点,在脚本列表安装免费下载音乐的脚本,比如【玩的嗨】VIP工具箱,一站式音乐搜索下载,百度云离线跳转,获取B站封面,淘宝京东优惠券 2020-03-19 更新,报错请及时反馈 (这里只拿其中一个脚本演示,Greasy Fork免费下载音乐的脚本有很多,挑自己喜欢的就行),直接点击"安装此脚本",之后会跳转到另外一个页面,再次点"安装"
操作完后脚本会自动安装到Tampermonkey用户脚本管理器,这时候查看Tampermonkey扩展的管理面板,会发现多了一个我们刚才安装的脚本,请保持开启状态。
现在可以愉快地到各大主流音乐网站免费下载歌曲了,搜索歌曲进入到歌曲页面,脚本识别后会自动添加一堆操作按钮,直接点"音乐下载",如下图所示
其他QQ音乐、虾米音乐什么的也是一样的操作
2. 动手编写自己的Tampermonkey脚本
好了,帖子的重点来了。只需要掌握基本的HTML/Javascript/CSS知识,配合Tampermonkey开发文档,就能开发自己想要的任何脚本了。下面演示如何编写一个在FFF团兴趣社区主页显示实时时间的简单Tampermonkey脚本,以及完成后发布到Greasy Fork这个中文油猴脚本站点。起名字是很麻烦的一件事,这里随便一点就把它叫做“萌时间”好了。
打开Tampermonkey,添加一个新脚本,开始编写代码
引用:
// ==UserScript==
// @name 萌时间
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 实时显示当前时间
// @author Tsuna
// @match https://www.fffdann.com/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
GM_addStyle('.moe_time_box{width: 200px;height: 80px; border: 1.5px solid gray; border-radius: 6px; text-align: center; vertical-align: middle; background: white; position: absolute; z-index: 999;}');
GM_addStyle('.moe_time_title{color: #5bc0de; font-size: 17px; font-weight: bold; position: relative; top: 10px;}');
GM_addStyle('.moe_time_data{color: red; font-weight: bold; position: relative; top: 8px;}');
/* 添加页面元素 */
function addElement() {
var data_box = document.createElement("div");
data_box.className = "moe_time_box";
document.getElementById('top').appendChild(data_box);
var data_title = document.createElement("span");
data_title.className = "moe_time_title";
data_title.appendChild(document.createTextNode("萌时间"));
var data_time = document.createElement("p");
data_time.className = "moe_time_data";
data_box.appendChild(data_title);
data_box.appendChild(data_time);
//定时器
setInterval(function(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
data_time.innerHTML='当前时间:' + year + '-' + month + '-' + day + ' ' + h + ':' + m + ':' + s;
}, 1000);
}
addElement();//执行页面元素添加
})();
在管理面板显示出来了
看下脚本执行的最终效果,实时显示当前时间
脚本已发布到Greasy Fork,可以下载体验:萌时间
[/url]
今天也要元气满满哦