Greasy Fork is available in English.
去除opgg 英雄联盟,云顶之弈,无畏契约的左侧视屏广告
目前为
// ==UserScript==
// @name opgg去广告
// @namespace http://akiyamamio.online/
// @version 0.0.6
// @description 去除opgg 英雄联盟,云顶之弈,无畏契约的左侧视屏广告
// @author alive
// @match *://*.op.gg/*
// @icon https://s-lol-web.op.gg/favicon.ico
// @license MIT
// @grant none
// @run-at document-end
// ==/UserScript==
(function () {
'use strict';
// Config对象
function Config(configName, url, adSelectorMap) {
this.configName = configName;
this.url = url;
this.adSelectorMap = adSelectorMap;
this.getADSelector = function () {
let adSelectorArray = []; // 使用数组存储键
this.adSelectorMap.forEach((value, key, map) => {
adSelectorArray.push(value); // 将键放入数组中
});
return adSelectorArray.join(",");
};
}
// 动态创建Config的函数，根据当前URL匹配并创建
function createConfigIfMatch(configName, urlPattern, adSelectorMap) {
const currentUrl = window.location.href; // 获取当前页面的URL
const pattern = new RegExp(urlPattern); // 创建正则表达式
// 判断当前URL是否匹配指定的URL模式
if (pattern.test(currentUrl)) {
return new Config(configName, urlPattern, adSelectorMap);
}
return null; // 如果不匹配则返回null
}
// 动态创建多个配置对象
const configs = [
createConfigIfMatch(
"LOL_Config",
".*://www.op.gg/.*",
new Map([
["移动视屏", "#opgg-video"],
["侧边视频", "#primisPlayerContainerDiv"],
["中部横幅", "#banner-container"],
["顶部横幅", "#opgg-kit-house-image-banner"],
["英雄数据及个人资料-左右侧", ".vm-skin"],
["底部弹出", ".vm-footer"],
["广告0", ".banner-container"],
["广告1", "#banner-container"],
["广告2", ".banner"],
["广告3", "#aniplayer"],
["广告4", "div[style=\"width: 405px; height: 228px;\"]"],
["广告5", "div[style=\"position: fixed; overflow: hidden; pointer-events: none; inset: 255px 1314.5px 0px 0px; text-align: right; z-index: 2;\"]"],
["广告6", "div[style=\"position: fixed; overflow: hidden; pointer-events: none; inset: 255px 0px 0px 1314.5px; text-align: left; z-index: 2;\"]"],
])
),
createConfigIfMatch(
"TFT_Config",
".*://tft.op.gg/.*",
new Map([
["顶部横幅", "#opgg-kit-house-image-banner"],
["移动视屏", "#video-meta-trend-ad"],
["广告0", "#video-tools-ad"],
["左右侧", ".css-13lit7a"],
["中部横幅", ".desktop"],
["中部横幅", ".css-1t8t0it"],
])
),
createConfigIfMatch(
"V_Config",
".*://valorant.op.gg/.*",
new Map([
["顶部横幅", "#opgg-kit-house-image-banner"],
["移动视屏", "#video-leaderboards-ad"],
["广告0", "#video-stats-ad"],
["广告1", "#video-crosshair-ad"],
["广告2", "#video-agents-ad"],
["广告3", "#video-weapons-ad"],
["左右侧", ".ad"],
["横幅", ".ad--desktop"],
["广告0", "#primis_container_div"],
])
)
].filter(config => config !== null); // 过滤掉没有匹配的配置
// 处理匹配到的第一个Config
if (configs.length > 0) {
const matchedConfig = configs[0]; // 使用匹配到的第一个配置
// console.clear();
console.log("匹配到的配置:", matchedConfig.configName);
console.log("广告选择器映射:", matchedConfig.adSelectorMap);
let adSelector = matchedConfig.getADSelector();
// 观察DOM并自动隐藏
const observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
// 监控子节点的变化
if (mutation.type === 'childList') {
// 隐藏所有iframes
hiddenIframes();
const elements = document.querySelectorAll(adSelector);
elements.forEach(function (element) {
if (element && element.style.display !== 'none') {
element.style.display = 'none';
}
});
}
// 监控属性（style）的变化
if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
// 隐藏所有iframes
hiddenIframes();
const element = mutation.target;
if (element && element.matches(adSelector) && element.style.display !== 'none') {
element.style.display = 'none';
}
}
});
});
// 开始观察DOM的变化，除了childList和subtree，添加attributes属性监听
observer.observe(document.body, {
childList: true, // 监听子元素的添加或删除
subtree: true, // 监听所有子节点
attributes: true, // 监听属性变化
attributeFilter: ['style'] // 只监听`style`属性的变化
});
} else {
console.log("没有找到匹配的配置");
}
// 隐藏所有iframes
function hiddenIframes() {
const iframes = document.getElementsByTagName('iframe');
if (iframes.length > 0) {
Array.from(iframes).forEach(function (iframe) {
iframe.style.display = 'none';
});
}
}
})();