Display a huge red cross in the center of the screen on a specific webpage until navigating away
目前為
// ==UserScript==
// @name 反龟公
// @namespace http://tampermonkey.net/
// @version 0.5
// @description Display a huge red cross in the center of the screen on a specific webpage until navigating away
// @author mimi
// @match *://*/*
// @grant unsafeWindow
// @grant GM_addStyle
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_listValues
// @grant GM_addValueChangeListener
// @grant GM_removeValueChangeListener
// @grant GM_registerMenuCommand
// @grant GM_unregisterMenuCommand
// @grant GM_getTab
// @grant GM_saveTab
// @grant GM_getTabs
// @grant GM_openInTab
// @grant GM_setClipboard
// @grant GM_xmlhttpRequest
// @license GPL
// ==/UserScript==
(async function() {
'use strict';
// const jsonUrl = 'https://raw.githubusercontent.com/aiaimimi0920/fanguigong/main/blacklist.json';
const jsonUrl = 'https://pub-120dfe5d44734d658b1a5a6e046fd9a9.r2.dev/blacklist.json';
let urlList = [];
const isLoaded = GM_getValue('isLoaded', false); // 从存储中获取标志
const lastUpdate = GM_getValue('lastUpdate', 0); // 获取上次更新的时间戳
let shouldUpdate = (Date.now() - lastUpdate) > 24 * 60 * 60 * 1000; // 每24小时更新一次
// shouldUpdate = true;
// 如果还未加载或者需要更新
if (!isLoaded || shouldUpdate) {
await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: jsonUrl,
onload: function(response) {
if (response.status === 200) {
try {
urlList = JSON.parse(response.responseText);
GM_setValue('urlList', urlList); // 保存到 Local Storage
GM_setValue('isLoaded', true); // 设置标志为已加载
GM_setValue('lastUpdate', Date.now()); // 保存当前时间戳
resolve();
} catch (error) {
reject(error);
}
} else {
reject(new Error('Failed to load URL list'));
}
},
onerror: reject,
});
});
} else {
// 如果已经加载过，从 Local Storage 获取网址列表
urlList = GM_getValue('urlList', []);
}
const currentUrl = window.location.href;
if (currentUrl.includes('bilibili.com')) {
handleBilibili();
} else if (currentUrl.includes('jd.com')) {
handleJD();
} else {
console.log('不支持的站点',currentUrl);
return; // 如果不在支持的网站列表中，直接返回
}
function handleBilibili() {
let cur_urlList = urlList["bilibili"];
function extractUniqueNumber(url) {
const match = url.match(/\/(\d+)([\/\?|=]|$)/);
return match ? match[1] : null; // 如果匹配成功，返回数字；否则返回 null
}
// 检查当前URL是否在列表中
if (!cur_urlList.includes(extractUniqueNumber(currentUrl))) {
if (document.readyState == 'loading') {
// 仍在加载，等待事件
document.addEventListener('DOMContentLoaded', check_work);
return;
}
check_work();
return;
}
work();
function check_work(){
let links = document.querySelectorAll(".up-avatar"); // 假设链接在 <a> 标签内
let cur_url;
if (links.length == 0) {
cur_url = extractUniqueNumber(currentUrl)
}else{
cur_url = extractUniqueNumber(links[0].href)
}
if(!cur_urlList.includes(cur_url)){
// 不在列表中的二次检测动态
fetchRecentDynamics(cur_url);
return; // 如果不在列表中，直接返回
}
work();
}
function fetchRecentDynamics(host_mid) {
const apiUrl = `https://api.bilibili.com/x/polymer/web-dynamic/v1/feed/all?host_mid=${host_mid}`;
GM_xmlhttpRequest({
method: "GET",
url: apiUrl,
onload: function(response) {
if (response.status === 200) {
const data = JSON.parse(response.responseText);
console.log('发布人最近的动态:', data);
// 检查动态中是否包含“京东”和“红包”
checkForKeywords(data.data); // 传递 data.data 进行检查
} else {
console.error('获取动态失败:', response.statusText);
}
},
onerror: function(error) {
console.error('请求发生错误:', error);
}
});
}
function checkForKeywords(data) {
// 检查 data 中是否存在 items
if (data && data.items) {
for (const item of data.items) {
// 检查 type 是否为 DYNAMIC_TYPE_DRAW
if (item.type === "DYNAMIC_TYPE_DRAW") {
// 获取模块动态中的 desc 的 text
const cur_time = item.modules?.module_author?.pub_ts;
const text = item.modules?.module_dynamic?.desc?.text;
if (text&&cur_time&&cur_time>=1728835200) {
// 检查 text 中是否包含“京东”和“红包”
if (text.includes("京东") && text.includes("红包")) {
work(); // 调用 work 方法
break; // 结束循环
}
}
}
}
}
}
}
function handleJD() {
work();
}
function work(){
const turtlePattern = document.createElement('div');
Object.assign(turtlePattern.style, {
position: 'fixed',
top: '0',
left: '0',
width: '100%',
height: '100%',
backgroundImage: 'url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 100\'><text x=\'0\' y=\'70\' font-size=\'50\'>🐢</text></svg>")',
backgroundSize: '300px 300px',
backgroundRepeat: 'repeat',
zIndex: '1',
});
function createTextBox(text) {
const textBox = document.createElement('div');
Object.assign(textBox.style, {
color: '#499F4B',
fontWeight: 'bold',
textAlign: 'center',
backgroundColor: '#E0181E',
padding: '10px',
borderRadius: '5px',
position: 'fixed',
zIndex: '10000',
fontSize: 'min(13vw, 13vh)',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
});
textBox.textContent = text;
return textBox;
}
// 创建顶部文本框
const topText = createTextBox('看龟公');
topText.style.left = '30vw';
topText.style.top = '10vh';
topText.style.width = '40vw';
topText.style.height = '20vh'; // 自适应高度
// 创建左侧文本框
const leftText = createTextBox('变龟公');
leftText.style.left = '10vw'; // 左侧位置
leftText.style.top = '50vh'; // 垂直居中
leftText.style.width = '20vw'; //
leftText.style.transform = 'translateY(-50%)'; // 垂直居中
leftText.style.writingMode = 'vertical-rl'; // 竖直排列文本
// 创建右侧文本框
const rightText = createTextBox('看龟公');
rightText.style.right = '10vw'; // 右侧位置
rightText.style.top = '50vh'; // 垂直居中
rightText.style.width = '20vw'; //
rightText.style.transform = 'translateY(-50%)'; // 垂直居中
rightText.style.writingMode = 'vertical-rl'; // 竖直排列文本
// 创建红色叉叉
const cross = document.createElement('div');
cross.style.color = '#E0181E';
cross.textContent = '❌';
cross.style.textAlign = 'center';
cross.style.fontSize = 'min(40vw, 40vh)';
cross.style.position = 'fixed';
cross.style.zIndex = '9999';
cross.style.left = '50%';
cross.style.top = '50vh'; // 调整叉叉的垂直位置
cross.style.transform = 'translate(-50%, -50%)'; // 垂直和水平居中
// 创建底部文本框
const bottomText = createTextBox('变龟公');
bottomText.style.left = '30vw';
bottomText.style.bottom = '10vh';
bottomText.style.width = '40vw';
bottomText.style.height = '20vh'; // 自适应高度
// 将所有元素添加到文档中
document.body.appendChild(turtlePattern);
document.body.appendChild(topText);
document.body.appendChild(leftText);
document.body.appendChild(rightText);
document.body.appendChild(cross);
document.body.appendChild(bottomText);
// 清理事件
window.addEventListener('beforeunload', () => {
turtlePattern.remove();
topText.remove();
leftText.remove();
rightText.remove();
cross.remove();
bottomText.remove();
});
}
})();