Always hide specific element on tuxun.fun
// ==UserScript==
// @name 防窥屏启动
// @namespace http://tampermonkey.net/
// @version 1.2
// @description Always hide specific element on tuxun.fun
// @author You
// @match https://tuxun.fun/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 选择器数组，用于匹配要隐藏或显示的元素
const selectors = [
'img.leaflet-marker-icon[alt="Marker"][role="button"]',
'#map > div.leaflet-pane.leaflet-map-pane > div.leaflet-pane.leaflet-shadow-pane > img',
'div[id^="leaflet-tooltip-"]',
'#tuxun > div > div > div.confirm'
];
// 隐藏匹配的元素
function hideElements() {
for (const selector of selectors) {
const elements = document.querySelectorAll(selector);
elements.forEach(element => {
if (element) {
element.style.display = 'none';
}
});
}
}
// 显示匹配的元素
function showElements() {
for (const selector of selectors) {
const elements = document.querySelectorAll(selector);
elements.forEach(element => {
if (element) {
element.style.display = 'block';
}
});
}
}
// 根据特定的元素存在与否，决定是否显示或隐藏元素
function checkForTargetSelectorAndToggleElements() {
const targetElement = document.querySelector('#tuxun > div > div > div.im-view > div.round_result > div.round_result_round_info > div');
if (targetElement) {
showElements();
} else {
hideElements();
}
}
// 如果有保存的状态，根据保存的状态决定显示或隐藏元素
if (localStorage.getItem('elementsVisibility') === 'hidden') {
hideElements();
} else {
showElements();
}
// 防窥屏动画效果
// 防窥屏按钮的选择器
const buttonSelector = '#viewer > div > div:nth-child(14) > div.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div';
const elts = {
text1: document.createElement("div"),
text2: document.createElement("div")
};
const texts = ["防窥屏启动！"];
const morphTime = 1;
const cooldownTime = 0.25;
let animationDuration = texts.length * (morphTime + cooldownTime);
let textIndex = texts.length - 1;
let time = new Date();
let morph = 0;
let cooldown = cooldownTime;
// 防窥屏动画逻辑
function startPrivacyScreenAnimation() {
elts.text1.textContent = texts[textIndex % texts.length];
elts.text2.textContent = texts[(textIndex + 1) % texts.length];
function doMorph() {
morph -= cooldown;
cooldown = 0;
let fraction = morph / morphTime;
if (fraction > 1) {
cooldown = cooldownTime;
fraction = 1;
}
setMorph(fraction);
}
function setMorph(fraction) {
elts.text2.style.filter = `blur(${Math.min(8 / fraction - 8, 100)}px)`;
elts.text2.style.opacity = `${Math.pow(fraction, 0.4) * 100}%`;
fraction = 1 - fraction;
elts.text1.style.filter = `blur(${Math.min(8 / fraction - 8, 100)}px)`;
elts.text1.style.opacity = `${Math.pow(fraction, 0.4) * 100}%`;
elts.text1.textContent = texts[textIndex % texts.length];
elts.text2.textContent = texts[(textIndex + 1) % texts.length];
}
function doCooldown() {
morph = 0;
elts.text2.style.filter = "";
elts.text2.style.opacity = "100%";
elts.text1.style.filter = "";
elts.text1.style.opacity = "0%";
}
function animate() {
// 添加这个条件来检查opacity是否为0
if (parseFloat(elts.text1.style.opacity) <= 0) {
return;
}
requestAnimationFrame(animate);
let newTime = new Date();
let shouldIncrementIndex = cooldown > 0;
let dt = (newTime - time) / 1000;
time = newTime;
cooldown -= dt;
if (cooldown <= 0) {
if (shouldIncrementIndex) {
textIndex++;
}
doMorph();
} else {
doCooldown();
}
}
animate();
}
// 添加样式到动画元素
Object.values(elts).forEach(elt => {
elt.style.position = 'fixed';
elt.style.top = '50%';
elt.style.left = '50%';
elt.style.transform = 'translate(-50%, -50%)';
elt.style.fontSize = '8em';
elt.style.fontWeight = 'bold';
elt.style.color = 'white';
elt.style.textAlign = 'center';
elt.style.fontFamily = 'fantasy';
elt.style.zIndex = '9999';
elt.style.display = 'none'; // 初始状态为隐藏
});
elts.text1.style.opacity = '0%';
document.body.appendChild(elts.text1);
document.body.appendChild(elts.text2);
// 设置按钮监听器
function setupButtonListener() {
const buttonElement = document.querySelector(buttonSelector);
if (buttonElement) {
buttonElement.addEventListener('click', () => {
startPrivacyScreenAnimation();
elts.text1.style.display = 'block';
elts.text2.style.display = 'block';
setTimeout(() => {
elts.text1.style.display = 'none';
elts.text2.style.display = 'none';
}, animationDuration * 1000);
});
}
}
setupButtonListener();
// 使用MutationObserver检查按钮是否后续被添加
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function() {
setupButtonListener();
checkForTargetSelectorAndToggleElements();
});
});
// 开始观察整个文档
observer.observe(document.body, { childList: true, subtree: true });
})();