Greasy Fork

自动翻页加载出来的帖子，点进去不会触发新标签页打开

收到，感谢反馈。下个版本尽力解决这个问题

我尝试下解决这个问题，在 autoLoading() 翻页函数里加上 _this.openPostInNewTab() 再次调用 hook 页面方法，完整代码：

(function () {
'use strict';

const { version, author, name, icon } = GM_info.script;

const BASE_URL = "https://www.nodeseek.com";

const util = {
clog(c) {
console.group(`%c %c [${name}]-v${version} by ${author}`, `background:url(${icon}) center center no-repeat;background-size:12px;padding:3px`, "");
console.log(c);
console.groupEnd();
},
getValue(name) {
return GM_getValue(name);
},
setValue(name, value) {
GM_setValue(name, value);
},
sleep(time) {
return new Promise((resolve) => setTimeout(resolve, time));
},
addStyle(id, tag, css) {
tag = tag || 'style';
let doc = document, styleDom = doc.head.querySelector(`#${id}`);
if (styleDom) return;
let style = doc.createElement(tag);
style.rel = 'stylesheet';
style.id = id;
tag === 'style' ? style.innerHTML = css : style.href = css;
doc.head.appendChild(style);
},
removeStyle(id, tag) {
tag = tag || 'style';
let doc = document, styleDom = doc.head.querySelector(`#${id}`);
if (styleDom) { doc.head.removeChild(styleDom) };
},
getAttrsByPrefix(element, prefix) {
const attributes = element.attributes;
let matchingAttributes = {};
for (let attribute of attributes) {
const attributeName = attribute.name;
const attributeValue = attribute.value;

if (attributeName.startsWith(prefix)) {
matchingAttributes[attributeName] = attributeValue;
}
}
return matchingAttributes;
},
data(element, key, value) {
if (arguments.length < 2) {
return undefined;
}
if (value != undefined) {
element.dataset[key] = value;
}
return element.dataset[key];
},
async post(url, data, headers, responseType = 'json') {
url = !url.startsWith("http") ? BASE_URL + url : url;
return this.fetchData(url, 'POST', data, headers, responseType);
},
async get(url, headers, responseType = 'json') {
url = !url.startsWith("http") ? BASE_URL + url : url;
return this.fetchData(url, 'GET', null, headers, responseType);
},
async fetchData(url, method, data, headers, responseType) {
const options = {
method: method,
headers: headers
};
if (data) {
if (typeof data === 'object') {
data = JSON.stringify(data);
}
options.body = data;
}
const response = await fetch(url, options);
return handleResponse(response, responseType);
async function handleResponse(response, responseType) {
const responseHandlers = {
'json': () => response.json(),
'text': () => response.text(),
'stream': () => response.body,
'formData': () => response.formData(),
'arrayBuffer': () => response.arrayBuffer()
};
const handler = responseHandlers[responseType];
if (!handler) {
throw new Error('不支持的响应类型');
}
return await handler();
}
},
getCurrentDate() {
const localTimezoneOffset = (new Date()).getTimezoneOffset();
const beijingOffset = 8 * 60;
const beijingTime = new Date(Date.now() + (localTimezoneOffset + beijingOffset) * 60 * 1000);
const timeNow = `${beijingTime.getFullYear()}/${(beijingTime.getMonth() + 1)}/${beijingTime.getDate()}`;
return timeNow;
},
createElement(tagName, options = {}, childrens = [], doc = document, namespace = null) {
if (Array.isArray(options)) {
if (childrens.length !== 0) {
throw new Error("If options is an array, childrens should not be provided.");
}
childrens = options;
options = {};
}

const { staticClass = '', dynamicClass = '', attrs = {}, on = {} } = options;

const ele = namespace ? doc.createElementNS(namespace, tagName) : doc.createElement(tagName);

if (staticClass) {
staticClass.split(' ').forEach(cls => ele.classList.add(cls.trim()));
}
if (dynamicClass) {
dynamicClass.split(' ').forEach(cls => ele.classList.add(cls.trim()));
}

Object.entries(attrs).forEach(([key, value]) => {
if (key === 'style' && typeof value === 'object') {
Object.entries(value).forEach(([styleKey, styleValue]) => {
ele.style[styleKey] = styleValue;
});
} else {
if (value !== undefined) ele.setAttribute(key, value);
}
});

Object.entries(on).forEach(([event, handler]) => {
ele.addEventListener(event, handler);
});

childrens.forEach(child => {
if (typeof child === 'string') {
child = doc.createTextNode(child);
}
ele.appendChild(child);
});

return ele;
}

};

const opts = {
post: {
pathPattern: /^\/(categories\/|page|award|search|$)/,
scrollThreshold: 200,
nextPagerSelector: '.nsk-pager a.pager-next',
postListSelector: 'ul.post-list',
topPagerSelector: 'div.nsk-pager.pager-top',
bottomPagerSelector: 'div.nsk-pager.pager-bottom',
},
comment: {
pathPattern: /^\/post-/,
scrollThreshold: 690,
nextPagerSelector: '.nsk-pager a.pager-next',
postListSelector: 'ul.comments',
topPagerSelector: 'div.nsk-pager.post-top-pager',
bottomPagerSelector: 'div.nsk-pager.post-bottom-pager',
},
setting: {
SETTING_SIGN_IN_STATUS: 'setting_sign_in_status',
SETTING_SIGN_IN_LAST_DATE: 'setting_sign_in_last_date',
SETTING_SIGN_IN_IGNORE_DATE: 'setting_sign_in_ignore_date',
SETTING_AUTO_LOADING_STATUS: 'setting_auto_loading_status'
}
};
layui.use(function () {
let layer = layui.layer,
$ = layui.jquery;
const message = {
info: (text) => message.__msg(text, { "background-color": "#4D82D6" }),
success: (text) => message.__msg(text, { "background-color": "#57BF57" }),
warning: (text) => message.__msg(text, { "background-color": "#D6A14D" }),
error: (text) => message.__msg(text, { "background-color": "#E1715B" }),
__msg: (text, style) => { let index = layer.msg(text, { offset: 't', area: ['100%', 'auto'], anim: 'slideDown' }); layer.style(index, Object.assign({ opacity: 0.9 }, style)); }
};

const main = {
// 初始化配置数据
initValue() {
const value = [
{ name: opts.setting.SETTING_SIGN_IN_STATUS, defaultValue: 0 },
{ name: opts.setting.SETTING_SIGN_IN_LAST_DATE, defaultValue: '1753/1/1' },
{ name: opts.setting.SETTING_SIGN_IN_IGNORE_DATE, defaultValue: '1753/1/1' },
{ name: opts.setting.SETTING_AUTO_LOADING_STATUS, defaultValue: 1 }
];
this.upgradeConfig();
value.forEach((v) => util.getValue(v.name) === undefined && util.setValue(v.name, v.defaultValue));
},
// 升级配置项
upgradeConfig() {
const upgradeConfItem = (oldConfKey, newConfKey) => {
if (util.getValue(oldConfKey) && util.getValue(newConfKey) === undefined) {
util.clog(`升级配置项 ${oldConfKey} 为 ${newConfKey}`);
util.setValue(newConfKey, util.getValue(oldConfKey));
GM_deleteValue(oldConfKey);
}
};
upgradeConfItem('menu_signInTime', opts.setting.SETTING_SIGN_IN_LAST_DATE);
},
loginStatus: false,
//检查是否登陆
checkLogin() {
if (unsafeWindow.meCard && unsafeWindow.meCard.logined) {
this.loginStatus = true;
util.clog(`当前登录用户 ${unsafeWindow.meCard.user.member_name} (ID ${unsafeWindow.meCard.user.member_id})`);
}
},
// 自动签到
autoSignIn(rand) {
if (!this.loginStatus) return
if (util.getValue(opts.setting.SETTING_SIGN_IN_STATUS) === 0) return;

rand = rand || (util.getValue(opts.setting.SETTING_SIGN_IN_STATUS) === 1);

let timeNow = util.getCurrentDate(),
timeOld = util.getValue(opts.setting.SETTING_SIGN_IN_LAST_DATE);
if (!timeOld || timeOld != timeNow) { // 是新的一天
util.setValue(opts.setting.SETTING_SIGN_IN_LAST_DATE, timeNow); // 写入签到时间以供后续比较
this.signInRequest(rand);
}
},
// 重新签到
reSignIn() {
if (!this.loginStatus) return;
if (util.getValue(opts.setting.SETTING_SIGN_IN_STATUS) === 0) {
unsafeWindow.mscAlert('提示', this.getMenuStateText(this._menus[0], 0) + ' 状态时不支持重新签到！');
return;
}

util.setValue(opts.setting.SETTING_SIGN_IN_LAST_DATE, '1753/1/1');
location.reload();
},
addSignTips() {
if (!this.loginStatus) return
if (util.getValue(opts.setting.SETTING_SIGN_IN_STATUS) !== 0) return;

const timeNow = util.getCurrentDate();
const { SETTING_SIGN_IN_IGNORE_DATE, SETTING_SIGN_IN_LAST_DATE } = opts.setting;
const timeIgnore = util.getValue(SETTING_SIGN_IN_IGNORE_DATE);
const timeOld = util.getValue(SETTING_SIGN_IN_LAST_DATE);

if (timeNow === timeIgnore || timeNow === timeOld) return;

const _this = this;
let tip = util.createElement("div", { staticClass: 'nsplus-tip' });
let tip_p = util.createElement('p');
tip_p.innerHTML = '今天你还没有签到哦！ 【随机抽个鸡腿】 【只要5个鸡腿】 【今天不再提示】';
tip.appendChild(tip_p);
tip.querySelectorAll('.sign_in_btn').forEach(function (item) {
item.addEventListener("click", function (e) {
const rand = util.data(this, 'rand');
_this.signInRequest(rand);
tip.remove();
util.setValue(SETTING_SIGN_IN_LAST_DATE, timeNow); // 写入签到时间以供后续比较
})
});
tip.querySelector('#sign_in_ignore').addEventListener("click", function (e) {
tip.remove();
util.setValue(SETTING_SIGN_IN_IGNORE_DATE, timeNow);
});

document.querySelector('#nsk-frame').before(tip);
},
signInRequest(rand) {
util.post('/api/attendance?random=' + (rand || false), {}, { "Content-Type": "application/json" }, 'json').then(function (json) {
if (json.success) {
message.success('签到成功！今天午饭+' + json.gain + '个鸡腿; 积攒了' + json.current + '个鸡腿了');
}
else {
message.info(json.message);
}
}).catch(function (err) {
util.clog(err)
});
util.clog(`[${name}] 签到完成`);
},
is_show_quick_comment: false,
quickComment() {
if (!this.loginStatus || !opts.comment.pathPattern.test(location.pathname)) return;
if (util.getValue(opts.setting.SETTING_AUTO_LOADING_STATUS) === 0) return;

const _this = this;

const onClick = (e) => {
if (_this.is_show_quick_comment) {
return;
}
e.preventDefault();

const mdEditor = document.querySelector('.md-editor');
const clientHeight = document.documentElement.clientHeight, clientWidth = document.documentElement.clientWidth;
const mdHeight = mdEditor.clientHeight, mdWidth = mdEditor.clientWidth;
const top = (clientHeight / 2) - (mdHeight / 2), left = (clientWidth / 2) - (mdWidth / 2);
mdEditor.style.cssText = `position: fixed; top: ${top}px; left: ${left}px; margin: 30px 0px; width: 100%; max-width: ${mdWidth}px; z-index: 999;`;
const moveEl = mdEditor.querySelector('.tab-select.window_header');
moveEl.style.cursor = "move";
moveEl.addEventListener('mousedown', startDrag);
addEditorCloseButton();
_this.is_show_quick_comment = true;
};
const commentDiv = document.querySelector('#fast-nav-button-group #back-to-parent').cloneNode(true);
commentDiv.id = 'back-to-comment';
commentDiv.innerHTML = '';
commentDiv.addEventListener("click", onClick);
document.querySelector('#back-to-parent').before(commentDiv);
document.querySelectorAll('div.comment-menu > div:nth-last-child(1),div.comment-menu > div:nth-last-child(2) ').forEach(function (item) { item.addEventListener("click", onClick, true); });

function addEditorCloseButton() {
const fullScreenToolbar = document.querySelector('#editor-body .window_header > :last-child');
const cloneToolbar = fullScreenToolbar.cloneNode(true);
cloneToolbar.setAttribute('title', '关闭');
cloneToolbar.querySelector('span').classList.replace('i-icon-full-screen-one', 'i-icon-close');
cloneToolbar.querySelector('span').innerHTML = '';
cloneToolbar.addEventListener("click", function (e) {
const mdEditor = document.querySelector('.md-editor');
mdEditor.style = "";
const moveEl = mdEditor.querySelector('.tab-select.window_header');
moveEl.style.cursor = "";
moveEl.removeEventListener('mousedown', startDrag);

this.remove();
_this.is_show_quick_comment = false;
});
fullScreenToolbar.after(cloneToolbar);
}
function startDrag(event) {
if (event.button !== 0) return;

const draggableElement = document.querySelector('.md-editor');
const parentMarginTop = parseInt(window.getComputedStyle(draggableElement).marginTop);
const initialX = event.clientX - draggableElement.offsetLeft;
const initialY = event.clientY - draggableElement.offsetTop + parentMarginTop;
document.onmousemove = function (event) {
const newX = event.clientX - initialX;
const newY = event.clientY - initialY;
draggableElement.style.left = newX + 'px';
draggableElement.style.top = newY + 'px';
};
document.onmouseup = function () {
document.onmousemove = null;
document.onmouseup = null;
};
}
},

//新窗口打开帖子
openPostInNewTab() {
if (!opts.post.pathPattern.test(location.pathname)) return;
if (document.querySelector('a[href^="/post-"]')) {
document.querySelectorAll('a[href^="/post-"]').forEach(function (item) {
if (item.classList.contains("pager-prev") || item.classList.contains("pager-pos") || item.classList.contains("pager-next")) {
return;
}
item.target || (item.target = "_blank");
});
}
},
//自动点击跳转页链接
autoJump() {
if (!/^\/jump/.test(location.pathname)) return;
document.querySelector('.btn').click();
},
blockPost(ele) {
ele = ele || document;
ele.querySelectorAll('.post-title>a[href]').forEach(function (item) {
if (item.textContent.toLowerCase().includes("__keys__")) {
item.closest(".post-list-item").classList.add('blocked-post')
}
});
},
//屏蔽用户
blockMemberDOMInsert() {
if (!this.loginStatus) return;

const _this = this;
Array.from(document.querySelectorAll(".post-list .post-list-item,.content-item")).forEach((function (t, n) {
var r = t.querySelector('.avatar-normal');
r.addEventListener("click", (function (n) {
n.preventDefault();
let intervalId = setInterval(async () => {
const userCard = document.querySelector('div.user-card.hover-user-card');
const pmButton = document.querySelector('div.user-card.hover-user-card a.btn');
if (userCard && pmButton) {
clearInterval(intervalId);
const dataVAttrs = util.getAttrsByPrefix(userCard, 'data-v');
const userName = userCard.querySelector('a.Username').textContent;
dataVAttrs.style = "float:left; background-color:rgba(0,0,0,.3)";
const blockBtn = util.createElement("a", {
staticClass: "btn", attrs: dataVAttrs, on: {
click: function (e) {
e.preventDefault();
unsafeWindow.mscConfirm(`确定要屏蔽“${userName}”吗？`, '你可以在本站的 设置=>屏蔽用户 中解除屏蔽', function () { blockMember(userName); })
}
}
}, ["屏蔽"]);
pmButton.after(blockBtn);
}
}, 50);
}))
}))
function blockMember(userName) {
util.post("/api/block-list/add", { "block_member_name": userName }, { "Content-Type": "application/json" }, '').then(function (data) {
if (data.success) {
let msg = '屏蔽用户【' + userName + '】成功！';
unsafeWindow.mscAlert(msg);
util.clog(msg);
} else {
let msg = '屏蔽用户【' + userName + '】失败！' + data.message;
unsafeWindow.mscAlert(msg);
util.clog(msg);
}
}).catch(function (err) {
util.clog(err);
});
}
},
addImageSlide() {
if (!opts.comment.pathPattern.test(location.pathname)) return;

const posts = document.querySelectorAll('article.post-content');
posts.forEach(function (post, i) {
const images = post.querySelectorAll('img:not(.sticker)');
if (images.length === 0) return;

images.forEach(function (image, i) {
const newImg = image.cloneNode(true);
image.parentNode.replaceChild(newImg, image);
newImg.addEventListener('click', function (e) {
e.preventDefault();
const imgArr = Array.from(post.querySelectorAll('img:not(.sticker)'));
const clickedIndex = imgArr.indexOf(this);
const photoData = imgArr.map((img, i) => ({ alt: img.alt, pid: i + 1, src: img.src }));
layer.photos({ photos: { "title": "图片预览", "start": clickedIndex, "data": photoData } });
}, true);
});
});
},
addLevelTag() {//添加等级标签
if (!this.loginStatus) return;
if (!opts.comment.pathPattern.test(location.pathname)) return;

this.getUserInfo(unsafeWindow.__config__.postData.op.uid).then((user) => {
let warningInfo = '';
const daysDiff = Math.floor((new Date() - new Date(user.created_at)) / (1000 * 60 * 60 * 24));
if (daysDiff < 30) {
warningInfo = `⚠️`;
}
console.log(user);
const span = util.createElement("span", { staticClass: `nsk-badge role-tag user-level user-lv${user.rank}`, on: { mouseenter: function (e) { layer.tips(`注册 ${daysDiff} 天；帖子 ${user.nPost}；评论 ${user.nComment}`, this, { tips: 3, time: 0 }); }, mouseleave: function (e) { layer.closeAll(); } } }, [util.createElement("span", [`${warningInfo}Lv ${user.rank}`])]);

const authorLink = document.querySelector('#nsk-body .nsk-post .nsk-content-meta-info .author-info>a');
if (authorLink != null) {
authorLink.after(span);
}
});
},
getUserInfo(uid) {
return new Promise((resolve, reject) => {
util.get(`/api/account/getInfo/${uid}`, {}, 'json').then((data) => {
if (!data.success) {
util.clog(data);
return;
}
resolve(data.detail);
}).catch((err) => reject(err));
})
},
userCardEx() {
if (!this.loginStatus) return;

const updateNotificationElement = (element, href, iconHref, text, count) => {
element.querySelector("a").setAttribute("href", `${href}`);
element.querySelector("a > svg > use").setAttribute("href", `${iconHref}`)
element.querySelector("a > :nth-child(2)").textContent = `${text} `;
element.querySelector("a > :last-child").textContent = count;
if (count > 0) {
element.querySelector("a > :last-child").classList.add("notify-count");
}
return element;
};

const userCard = document.querySelector(".user-card .user-stat");
const lastElement = userCard.querySelector(".stat-block:first-child > :last-child");
const unViewedCount = unsafeWindow.__config__.user.unViewedCount;

if (lastElement.querySelector("a > .notify-count:last-child")) {
lastElement.querySelector("a > .notify-count:last-child").classList.remove("notify-count");
}

const atMeElement = lastElement.cloneNode(true);
updateNotificationElement(atMeElement, "/notification#/atMe", "#at-sign", "我", unViewedCount.atMe);
lastElement.after(atMeElement);

const msgElement = lastElement.cloneNode(true);
updateNotificationElement(msgElement, "/notification#/message?mode=list", "#envelope-one", "私信", unViewedCount.message);
userCard.querySelector(".stat-block:last-child").append(msgElement);

updateNotificationElement(lastElement, "/notification#/reply", "#remind-6nce9p47", "回复", unViewedCount.reply);
},
// 自动翻页
autoLoading() {
if (util.getValue(opts.setting.SETTING_AUTO_LOADING_STATUS) === 0) return;

let opt = {};
if (opts.post.pathPattern.test(location.pathname)) { opt = opts.post; }
else if (opts.comment.pathPattern.test(location.pathname)) { opt = opts.comment; }
else { return; }
let is_requesting = false;
let _this = this;
this.windowScroll(function (direction, e) {
if (direction === 'down') { // 下滑才准备翻页
let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
if (document.documentElement.scrollHeight <= document.documentElement.clientHeight + scrollTop + opt.scrollThreshold && !is_requesting) {
if (!document.querySelector(opt.nextPagerSelector)) return;
let nextUrl = document.querySelector(opt.nextPagerSelector).attributes.href.value;
is_requesting = true;
util.get(nextUrl, {}, 'text').then(function (data) {
let doc = new DOMParser().parseFromString(data, "text/html");
_this.blockPost(doc);//过滤帖子
document.querySelector(opt.postListSelector).append(...doc.querySelector(opt.postListSelector).childNodes);
document.querySelector(opt.topPagerSelector).innerHTML = doc.querySelector(opt.topPagerSelector).innerHTML;
document.querySelector(opt.bottomPagerSelector).innerHTML = doc.querySelector(opt.bottomPagerSelector).innerHTML;
history.pushState(null, null, nextUrl);
is_requesting = false;
//帖子新标签页打开
setTimeout(()=>{
_this.openPostInNewTab()
},500)
}).catch(function (err) {
is_requesting = false;
util.clog(err);
});
}
}
});
},
// 滚动条事件
windowScroll(fn1) {
let beforeScrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop,
fn = fn1 || function () { };
setTimeout(function () { // 延时执行，避免刚载入到页面就触发翻页事件
window.addEventListener('scroll', function (e) {
const afterScrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop,
delta = afterScrollTop - beforeScrollTop;
if (delta == 0) return false;
fn(delta > 0 ? 'down' : 'up', e);
beforeScrollTop = afterScrollTop;
}, false);
}, 1000)
},
switchMultiState(stateName, states) {//多态顺序切换
let currState = util.getValue(stateName);
currState = (currState + 1) % states.length;
util.setValue(stateName, currState);
this.registerMenus();
},
getMenuStateText(menu, stateVal) {
return `${menu.states[stateVal].s1} ${menu.text}（${menu.states[stateVal].s2}）`;
},
_menus: [
{ name: opts.setting.SETTING_SIGN_IN_STATUS, callback: (name, states) => main.switchMultiState(name, states), accessKey: '', text: '自动签到', states: [{ s1: '❌', s2: '关闭' }, { s1: '🎲', s2: '随机🍗' }, { s1: '📌', s2: '5个🍗' }], autoClose: false },
{ name: 're_sign_in', callback: (name, states) => main.reSignIn(), accessKey: '', text: '🔂 重新签到', states: [] },
{ name: opts.setting.SETTING_AUTO_LOADING_STATUS, callback: (name, states) => main.switchMultiState(name, states), accessKey: '', text: '无缝加载', states: [{ s1: '❌', s2: '关闭' }, { s1: '✅', s2: '开启' }] },
{ name: 'advanced_settings', callback: (name, states) => main.advancedSettings(), accessKey: '', text: '⚙️ 高级设置', states: [] },
{ name: 'feedback', callback: (name, states) => GM_openInTab('https://greasyfork.org/zh-CN/scripts/479426/feedback', { active: true, insert: true, setParent: true }), accessKey: '', text: '💬 反馈 & 建议', states: [] }
],
_menuIds: [],
registerMenus() {
this._menuIds.forEach(function (id) {
GM_unregisterMenuCommand(id);
});
this._menuIds = [];

const _this = this;
this._menus.forEach(function (menu) {
let k = menu.text;
if (menu.states.length > 0) {
k = _this.getMenuStateText(menu, util.getValue(menu.name));
}
let autoClose = menu.hasOwnProperty('autoClose') ? menu.autoClose : true;
let menuId = GM_registerMenuCommand(k, function () { menu.callback(menu.name, menu.states) }, { autoClose: autoClose });
menuId = menuId || k;
_this._menuIds.push(menuId);
});
},
advancedSettings() {
let layerWidth = layui.device().mobile ? '100%' : '620px';
layer.open({
type: 1,
offset: 'r',
anim: 'slideLeft', // 从右往左
area: [layerWidth, '100%'],
scrollbar: false,
shade: 0.1,
shadeClose: false,
btn: ["保存设置"],
btnAlign: 'l',
title: 'NodeSeek X 设置',
id: 'setting-layer-direction-r',
content: `

感谢你这么用心，你的方法很有效