Greasy Fork is available in English.
下拉到页面底部自动获取下一页的图墙列表
// ==UserScript==
// @name SoulPlus|soulplus|North-Plus|north-plus|魂+|北+论坛自动加载图墙列表
// @namespace http://north-plus.net
// @description 下拉到页面底部自动获取下一页的图墙列表
// @match http://north-plus.net/thread_new.php?fid-*-page-*.html
// @match http://bbs.north-plus.net/thread_new.php?fid-*-page-*.html
// @match http://www.north-plus.net/thread_new.php?fid-*-page-*.html
// @match http://bbs.imoutolove.me/thread_new.php?fid-*-page-*.html
// @match http://bbs.soulxplus.net/thread_new.php?fid-*-page-*.html
// @match http://106.185.27.223/thread_new.php?fid-*-page-*.html
// @match https://bbs.white-plus.net/thread_new.php?fid-*-page-*.html
// @match https://www.south-plus.net/thread_new.php?fid-*-page-*.html
// @match http://north-plus.net/thread_new.php?fid=*
// @match http://bbs.north-plus.net/thread_new.php?fid=*
// @match http://www.north-plus.net/thread_new.php?fid=*
// @match http://bbs.imoutolove.me/thread_new.php?fid=*
// @match http://bbs.soulxplus.net/thread_new.php?fid=*
// @match http://106.185.27.223/thread_new.php?fid=*
// @match https://bbs.white-plus.net/thread_new.php?fid=*
// @match https://www.south-plus.net/thread_new.php?fid=*
// @match http://north-plus.net/thread_new.php?fid-*
// @match http://bbs.north-plus.net/thread_new.php?fid-*
// @match http://www.north-plus.net/thread_new.php?fid-*
// @match http://bbs.imoutolove.me/thread_new.php?fid-*
// @match http://bbs.soulxplus.net/thread_new.php?fid-*
// @match http://106.185.27.223/thread_new.php?fid-*
// @match https://bbs.white-plus.net/thread_new.php?fid-*
// @match https://www.south-plus.net/thread_new.php?fid-*
// @version 0.1c
// @grant GM_xmlhttpRequest
// ==/UserScript==
var Pages = document.querySelector(".pagesone").innerText.match('([0-9].?)\/([0-9].?)');
var allPages = parseInt(Pages[2]);
var nowPageNum = parseInt(Pages[1]);
var closeAjax = false;
/* 创建动画样式表开始 */
var fadeOut = document.createElement('style'),// 创建内部样式对象
head = document.head || document.getElementsByTagName('head')[0],// 获取head标签对象
cssText = '@keyframes fadeout{from{opacity:100%;}to{opacity:0;display:none;}}',// 淡出动画样式表内容
newCss = document.createTextNode(cssText);// 创建样式表节点对象
fadeOut.appendChild(newCss);// 把创建的newCss插入到fadeOut中
head.appendChild(fadeOut); // 把创建的style元素插入到head中
/* 创建动画样式表结束 */
// 没有更多数据的提示函数
function noMoreData() {
var noMoreData = document.createElement('div');
noMoreData.setAttribute('style','position:fixed;z-index:99999;width:100%;top:0;left:0;color:#F0E443;text-align:center;font-size:18px;background-color:#E83049;line-height:18px;padding:10px 0;animation:fadeout 5s 1;animation-fill-mode:forwards;');
noMoreData.innerText = '没有更多数据了';
var isTips = document.body.lastChild;
if (isTips.innerText != '没有更多数据了') {
document.body.appendChild(noMoreData);
} else {
document.body.removeChild(isTips);
document.body.appendChild(noMoreData);
}
}
// 获取下一页数据的 URL 函数
function getNextPage() {
var nowPageUrl = window.location.href;
var nowPageUrlLeft = nowPageUrl.match('http.*fid');
var new_fid = '';
var fid = nowPageUrl.match('fid(.*)')[1];
var fid_arr = fid.split("");
for (var i = 1; i < fid_arr.length; i++) {
if (!isNaN(fid_arr[i])) {
new_fid += fid_arr[i];
} else {
break;
}
}
if (nowPageNum < allPages) {
nowPageNum++;
var nowPageUrlRight = '-'+new_fid+'-page-'+nowPageNum+'.html';
return nowPageUrlLeft+nowPageUrlRight;
} else {
return false;
}
}
// loading提示模块函数
function loadingBox(operation) {
var dataBox = document.querySelector(".stream");
if (operation == 'insert') {
var loadDataBox = document.createElement('li');
loadDataBox.setAttribute('class','dcsns-li dcsns-rss dcsns-feed-0 loading-data');
var loadDataBoxDivIn = document.createElement('div');
loadDataBoxDivIn.setAttribute('class','inner');
var loadDataBoxDivInIn = document.createElement('div');
loadDataBoxDivInIn.setAttribute('style','text-align: center;height: 334px;');
var loadDataBoxPIn = document.createElement('p');
loadDataBoxPIn.setAttribute('style','font-size: 30px;line-height: 30px;color: #521eaa;padding: 145px 0;');
loadDataBoxPIn.innerText = '数据获取中,请稍后。。。';
loadDataBoxDivInIn.appendChild(loadDataBoxPIn);
loadDataBoxDivIn.appendChild(loadDataBoxDivInIn);
loadDataBox.appendChild(loadDataBoxDivIn);
dataBox.appendChild(loadDataBox);
} else if (operation == 'remove') {
var loadDataBox = document.querySelector('.loading-data');
if (loadDataBox) {
dataBox.removeChild(loadDataBox);
}
}
}
// 创建失效图片替换提示图
function createTipsPic() {
// 初始化尺寸
var cvw = 183;
var cvh = 260;
// 创建画布,设置画布尺寸
var canvas = document.createElement('canvas');
canvas.width = cvw.toString();
canvas.height = cvh.toString();
// 创建2D绘图API环境
var cav = canvas.getContext("2d");
// 填充背景
cav.fillStyle="#fff";
cav.fillRect(0,0,cvw,cvh);
// 开始绘制线条
cav.beginPath();
cav.strokeStyle = 'red';
cav.lineWidth = 5;
// 设置绘制边框路径
cav.moveTo(0, 0);
cav.lineTo(cvw, 0);
cav.lineTo(cvw, cvh);
cav.lineTo(0, cvh);
cav.lineTo(0, 0);
// 设置左斜线路径
cav.moveTo(0, 0);
cav.lineTo(cvw, cvh);
// 设置右斜线路径
cav.moveTo(cvw, 0);
cav.lineTo(0, cvh);
// 绘制线条
cav.stroke();
cav.closePath();
// 返回base64数据
return canvas.toDataURL();
}
// 移除图片懒加载函数
function rmLazyLoad() {
var lazyLoadImg = document.querySelectorAll('.lazy');
[].forEach.call(lazyLoadImg, function(tag) {
var imgSrc = tag.getAttribute('data-original');
tag.removeAttribute('class');
tag.removeAttribute('data-original');
tag.setAttribute('style', 'display:block;');
tag.setAttribute('src', createTipsPic());
tag.setAttribute('src', imgSrc);
tag.onerror = function () {
// 替换无法加载的图片
this.setAttribute('src',createTipsPic());
};
});
}
// 更新页面内容函数
function changeContent(data,pages) {
// 替换分页
var oldPages = document.querySelectorAll('.pages');
oldPages[0].innerHTML = pages;
oldPages[1].innerHTML = pages;
// 移除提示模块
loadingBox('remove');
// 插入新数据
var dataBox = document.querySelector(".stream");
dataBox.innerHTML += data;
closeAjax = false;//解除禁止下拉获取下页数据动作
// 关闭图片懒加载
rmLazyLoad();
}
// 获取下一页数据函数
function getNextPageData() {
closeAjax = true;//禁止下拉获取下页数据动作
loadingBox('insert');
var nextPageUrl = getNextPage();
if (closeAjax) {
if (nextPageUrl) {
GM_xmlhttpRequest({ //获取列表
method: "GET",
headers: {
"Accept": "application/x-www-form-urlencoded;charset=utf-8"
},
url: nextPageUrl,
onload: function(response) {
var newPageData = response.responseText;
var dataPreg = '<ul class="stream">(.*)<\/ul>.*<div class="clear"';
var pagesPreg = '<div id="menu_cate".*<div class="pages">(.*<\/ul>)<\/div>.*<div id="menu_post"';
var data = newPageData.match(dataPreg)[1];
var pages = newPageData.match(pagesPreg)[1];
changeContent(data,pages);
},
onabort: function (response) {
console.log(response);
},
onerror: function (response) {
console.log(response);
},
ontimeout: function (response) {
console.log(response);
}
});
} else {
// 没有更多数据，直接移除提示模块
loadingBox('remove');
// 提示没有更多数据
noMoreData();
//解除禁止下拉获取下页数据动作
closeAjax = false;
}
}
}
// 关闭图片懒加载
rmLazyLoad();
// 页面滚动到底部触发异步获取函数
window.addEventListener("scroll",
function(event) {
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
if (document.documentElement.scrollHeight == document.documentElement.clientHeight + scrollTop) {
var loadData = document.querySelector(".loading-data");
if (!closeAjax) {
if (!loadData) {
getNextPageData();
}
}
}
});