脚本支持Wallhaven在浏览模式下一键下载
// ==UserScript==
// @name Wallhaven 壁纸一键下载
// @name:zh-CN Wallhaven 壁纸一键下载
// @name:en WallhavenOneClickDownload
// @description 脚本支持Wallhaven在浏览模式下一键下载
// @description:zh-CN 每次保存图片需要点击图片-打开新页面-右键保存????过程太繁琐了!!!此脚本支持在浏览模式下一键下载!!!脚本基于原作者Moshel的脚本"Wallhaven壁纸网站增强"修改完成,只修改了快速下载功能.原脚本已经失效,原作者主页https://github.com/h2y/
// @description:en This script for faster download of wallpapers from the WallHaven
// @author lthero
// @namespace https://blog.lthero.cn
// @homepageURL https://blog.lthero.cn
// @supportURL https://github.com/lthero-big
// @icon https://alpha.wallhaven.cc/favicon.ico
// @license GPL-3.0
// @match https://wallhaven.cc/*
// @grant none
// @run-at document-end
// @date 28/06/2022
// @modified 24/04/2023
// @version 1.4.0.8
// ==/UserScript==
{
// 图片类 特指列表中的图片
class Pic {
constructor(elem, wallhavenScript) {
this.elem = elem;
this.wallhavenScript = wallhavenScript;
const $pic = $(elem);
this.favs = parseInt( $pic.find('.wall-favs')[0].innerHTML );
this.seen = $pic.find('figure').hasClass('thumb-seen');
this.id = $pic.find('figure').data('wallpaper-id');
//console.log("new " +this.id);
this.isPNG = ($pic.find('span.png').length > 0);
this.pre_id = this.id.toString().substr(0,2);
this.filename = `wallhaven-${this.id}`;
this.picUrl = `https://w.wallhaven.cc/full/${this.pre_id}/wallhaven-${this.id}.jpg`;
if(this.isPNG)
this.picUrl = this.picUrl.replace('.jpg', '.png');
}
desalt() {
const opacity = this.wallhavenScript.desaltPicsOpacity;
this.elem.style.opacity = opacity;
}
addDownload() {
let dlDom = $(`<a class="jsDownload" href="javascript:;" > <i class="fa fa-fw fa-cloud-download"></i></a>`)[0];
dlDom.onclick = this.download.bind(this);
$(this.elem).find('.thumb-info').append(dlDom);
let links = document.querySelectorAll(`figure.thumb-${this.id}`);
links.forEach(link => {
let previewDiv=$(`<div id="div-${this.id}" class="lazyload" sytle="display: none">`)[0];
link.style.position="relative";
$(this.elem).append(previewDiv);
link.addEventListener('mouseover', event => {
let img = document.createElement('img');
img.src = this.picUrl;
let info=$(this.elem).find('.wall-res').text().split(' x ');
if(info[0]<=info[1]){
img.style.maxWidth = '400px';
img.style.maxHeight = '450px';
previewDiv.style.position="absolute";
previewDiv.innerHTML = '';
previewDiv.appendChild(img);
previewDiv.style.zIndex = '9999';
previewDiv.style.display = 'block';
}
});
link.addEventListener('mouseout', () => {
previewDiv.style.display = 'none';
console.log("none");
});
});
}
download() {
//下载图片的方法参考：https://codeantenna.com/a/qqraSZTvUb
var x=new XMLHttpRequest();
const NfileName=this.filename;
x.open("GET", this.picUrl, true);
x.responseType = 'blob';
x.onload=function(e){
var url = window.URL.createObjectURL(x.response);
var a = document.createElement('a');
a.href = url;
a.download = `${NfileName}`;
console.log(`is ${NfileName}`);
a.click();
}
x.send();
}
}
class WallhavenScript {
constructor() {
// 显示一键下载按钮
this.ShowDownload = true;
}
workList() {
this.workListMain();
new MutationObserver( this.workListMain.bind(this) ).observe(document.body, {
attributes: false,
childList: true,
subtree: true
});
}
workListMain() {
let pics = this.getPics();
let newPics = this.filterNewPics(pics);
for(let pic of newPics) {
// 显示一键下载按钮
if(this.ShowDownload)
pic.addDownload();
}
this.pics = pics;
}
// 单图页面
workSingle() {
if(this.maxView) {
$('#header, #searchbar').hide('fast');
$('#showcase-sidebar').animate({top:0}, 'fast');
$('#main').animate({borderTopWidth:0}, 'fast');
$('#wallpaper').animate({maxWidth:'99%', maxHight:'99%'}, 'fast');
}
}
getPics() {
let elems = $('.thumb-listing-page li');
let ret = [];
for(let elem of elems)
ret.push( new Pic(elem, this) );
return ret;
}
filterNewPics(pics) {
let ret = [];
const oldElems = this.pics.map(pic=>pic.elem);
return pics.filter( pic => {
return (oldElems.indexOf(pic.elem) < 0);
});
}
/*
根据当前页面选择需要运行的功能，返回对应的 work 函数
*/
run() {
// A: 单图页面
if(location.pathname.indexOf('/w/')==0)
return this.workSingle();
this.pics = [];
return this.workList();
}
}
//new WallhavenScript().run();
const foo=new WallhavenScript();
foo.run();
window.onscroll = function () {
if ((document.documentElement.scrollHeight) == (document.documentElement.scrollTop | document.body.scrollTop) + document.documentElement.clientHeight) { console.log("down");}
}
} //end userScript