屏蔽最新微博分组页面的荐读推广
// ==UserScript==
// @name 微博荐读屏蔽脚本
// @namespace https://github.com/catscarlet/weibo-selection-killer
// @description 屏蔽最新微博分组页面的荐读推广
// @version 0.0.2
// @author catscarlet
// @license GNU Affero General Public License v3.0
// @match https://weibo.com/*
// @run-at document-end
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 防抖函数 - 控制URL变化处理频率
function debounce(func, wait) {
let timeout;
return function(...args) {
clearTimeout(timeout);
timeout = setTimeout(() => func.apply(this, args), wait);
};
}
// 节流函数 - 控制DOM变化处理频率
function throttle(func, limit) {
let lastCall = 0;
return function(...args) {
const now = Date.now();
if (now - lastCall >= limit) {
lastCall = now;
return func.apply(this, args);
}
};
}
// 检查URL是否符合目标模式
function isTargetUrl() {
return window.location.href.startsWith('https://weibo.com/mygroups');
}
// 创建并添加覆盖层，确保不会重复添加
function createOverlay(articleElement) {
// 检查是否已添加过覆盖层，避免重复执行
if (articleElement.classList.contains('has-custom-overlay')) {
//console.log(articleElement);
//console.log('覆盖层已添加，跳过。');
return;
}
console.log(articleElement);
console.log('添加覆盖层');
// 标记元素已添加覆盖层
articleElement.classList.add('has-custom-overlay');
// 设置元素定位方式
const style = window.getComputedStyle(articleElement);
if (style.position === 'static') {
articleElement.style.position = 'relative';
}
// 创建SVG覆盖层
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.setAttribute('class', 'custom-overlay');
svg.style.position = 'absolute';
svg.style.top = '0';
svg.style.left = '0';
svg.style.width = '100%';
svg.style.height = '100%';
svg.style.pointerEvents = 'auto'; // 阻止点击穿透
svg.style.zIndex = '100'; // 确保覆盖在上方
// 创建深灰色矩形（opacity=0.99）
const rectElement = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
rectElement.setAttribute('width', '100%');
rectElement.setAttribute('height', '100%');
rectElement.setAttribute('fill', 'gray');
rectElement.setAttribute('opacity', '0.99');
svg.appendChild(rectElement);
articleElement.appendChild(svg);
// 额外确保元素无法被点击
articleElement.style.pointerEvents = 'none';
}
// 移除所有覆盖层并清除标记
function removeAllOverlays() {
document.querySelectorAll('.custom-overlay').forEach(overlay => {
const article = overlay.closest('article');
if (article) {
article.classList.remove('has-custom-overlay');
article.style.pointerEvents = '';
}
overlay.remove();
});
}
// 处理元素变化的节流版本
const handleElementChanges = throttle(function() {
const container = document.querySelector('.Scroll_wrap_ObsGW');
if (!container) {
return;
}
// 查找所有包含目标图标的元素
const targetIcons = container.querySelectorAll('.morepop_cross_1Q1PF');
targetIcons.forEach(icon => {
const article = icon.closest('article');
if (article) {
//console.log('发现 article');
//console.log(article);
createOverlay(article);
} else {
//console.log('未检测到 article');
}
});
}, 300); // 300ms内最多执行一次
let domObserver;
// 启动DOM变化监控
function startDomObserver() {
if (domObserver) {
console.log('停止已有的 .Scroll_wrap_ObsGW 监视');
domObserver.disconnect();
}
const container = document.querySelector('.Scroll_wrap_ObsGW');
if (container) {
console.log('检测到 .Scroll_wrap_ObsGW，开始监视');
domObserver = new MutationObserver(handleElementChanges);
const config = {
childList: true,
subtree: true,
attributes: false,
characterData: false,
};
domObserver.observe(container, config);
handleElementChanges(); // 初始检查
} else {
// 容器不存在时重试
console.log('未检测到 .Scroll_wrap_ObsGW');
setTimeout(startDomObserver, 1000);
}
}
// 停止DOM变化监控
function stopDomObserver() {
if (domObserver) {
domObserver.disconnect();
domObserver = null;
//removeAllOverlays();
}
}
// 处理URL变化的防抖版本
const handleUrlChange = debounce(function() {
if (isTargetUrl()) {
startDomObserver();
} else {
console.log('分组不匹配，startsWith(https://weibo.com/mygroups) false');
stopDomObserver();
}
}, 400); // 400ms防抖
// 初始化URL变化监控
function initUrlMonitor() {
console.log('加载 weibo-selection-killer');
handleUrlChange(); // 初始检查
// 监听浏览器历史变化
window.addEventListener('popstate', handleUrlChange);
// 重写history方法以监控URL变化
const originalPushState = history.pushState;
history.pushState = function(...args) {
originalPushState.apply(this, args);
handleUrlChange();
};
const originalReplaceState = history.replaceState;
history.replaceState = function(...args) {
originalReplaceState.apply(this, args);
handleUrlChange();
};
// 监控hash变化
window.addEventListener('hashchange', handleUrlChange);
}
// 启动脚本
initUrlMonitor();
})();