`;
Swal.fire({
title: '夜间模式配置',
html: dom,
icon: 'info',
showCloseButton: true,
confirmButtonText: '保存',
showCancelButton: true,
cancelButtonText: '取消',
customClass: {
popup: 'darkmode-popup',
},
}).then((res) => {
if (res.isConfirmed) {
history.go(0);
}
});
document.getElementById('S-Dark-Position').addEventListener('click', (e) => {
e.target.tagName === "INPUT" && util.setValue('button_position', e.target.value);
});
document.getElementById('S-Dark-Size').addEventListener('change', (e) => {
util.setValue('button_size', e.currentTarget.value);
document.getElementById('currentSize').innerText = '当前：' + e.currentTarget.value;
});
document.getElementById('S-Dark-Exclude').addEventListener('change', (e) => {
util.setValue('exclude_list', Array.from(new Set(e.currentTarget.value.split('\n').filter(Boolean))));
});
document.getElementById('S-Dark-Invert').addEventListener('change', (e) => {
util.setValue('enable_invert_mode', e.currentTarget.checked);
// 更新状态显示
const statusText = e.currentTarget.checked ? '已启用' : '已关闭';
e.currentTarget.parentElement.parentElement.querySelector('small').innerText = statusText;
});
// 添加重置按钮事件
document.getElementById('S-Dark-Reset').addEventListener('click', () => {
Swal.fire({
title: '确认重置',
text: '这将恢复所有设置为默认值，包括按钮位置、大小、排除列表等。确定要继续吗？',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '确定重置',
cancelButtonText: '取消',
confirmButtonColor: '#d33',
}).then((result) => {
if (result.isConfirmed) {
if (this.resetToDefaults()) {
Swal.fire({
title: '重置成功',
text: '所有设置已恢复为默认值，页面将重新加载。',
icon: 'success',
confirmButtonText: '确定'
}).then(() => {
history.go(0);
});
}
}
});
});
});
}
},
// 检查顶层窗口 - 验证窗口层级
isTopWindow() {
return window.self === window.top;
},
// 添加监听器 - 绑定事件处理
addListener() {
document.addEventListener("fullscreenchange", (e) => {
if (this.isFullScreen()) {
this.disableDarkMode();
} else {
this.isDarkMode() && this.enableDarkMode();
}
});
},
// 检查深色模式 - 判断当前模式状态
isDarkMode() {
return this.getCurrentSiteMode() === 'dark';
},
// 检查排除列表 - 验证站点权限
isInExcludeList() {
return util.getValue('exclude_list').includes(location.host);
},
// 检查全屏模式 - 检测全屏状态
isFullScreen() {
return document.fullscreenElement;
},
// 检查Firefox浏览器 - 判断浏览器类型
isFirefox() {
return /Firefox/i.test(navigator.userAgent);
},
// 首次启用深色模式 - 延迟初始化功能
firstEnableDarkMode() {
let retryCount = 0;
const maxRetries = 5;
const initDarkMode = () => {
try {
if (this.isDarkMode()) {
this.enableDarkMode();
}
if (document.body && !util.hasElementById('darkmode-container')) {
this.addButton();
} else if (!document.body && retryCount < maxRetries) {
retryCount++;
setTimeout(initDarkMode, 200);
}
} catch (error) {
console.log('Dark mode initialization error:', error);
if (retryCount < maxRetries) {
retryCount++;
setTimeout(initDarkMode, 200);
}
}
};
// 如果文档已经加载完成，直接初始化
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
setTimeout(initDarkMode, 100);
});
} else {
setTimeout(initDarkMode, 100);
}
// 额外的观察器确保在动态内容加载后也能工作
const headObserver = new MutationObserver(() => {
if (this.isDarkMode() && !util.hasElementById('dark-mode-style')) {
this.enableDarkMode();
}
});
headObserver.observe(document.head, { childList: true, subtree: true });
// 确保body存在后再添加按钮
if (!document.body) {
const bodyObserver = new MutationObserver(() => {
if (document.body) {
bodyObserver.disconnect();
setTimeout(() => {
if (!util.hasElementById('darkmode-container')) {
this.addButton();
}
}, 100);
}
});
bodyObserver.observe(document, { childList: true, subtree: true });
}
},
// 初始化主函数 - 脚本入口点
init() {
this.initValue();// 初始化默认配置值
this.setThemeColor();// 保存原始主题颜色
this.registerMenuCommand();// 注册用户脚本菜单命令
if (this.isInExcludeList()) return;// 检查是否在排除列表中
this.addListener();// 添加事件监听器
// 确保在页面完全加载后执行
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
this.firstEnableDarkMode();
});
} else {
this.firstEnableDarkMode();
}
}
};
main.init();
})();