📱 当前状态
当前模式：
${currentMode === 'light' ? '☀️ 白天模式' : currentMode === 'dark' ? '🌙 夜间模式' : '🖋️ 墨黑模式'}
当前网站：
${host}
白名单状态：
${siteEnabled ? '✅ 已启用' : '❌ 未启用'}
黑名单状态：
${isBlacklisted ? '⛔ 已禁用' : '✅ 未禁用'}
强制启用：
${isForced ? '⚡ 已强制启用' : '🚫 未强制启用'}
网站专用模式：
${siteSpecificMode ? this.getSiteModeName(siteSpecificMode) : '默认'}
🌐 网站专用模式设置
为当前网站设置专用模式，此设置仅在白名单或全局开启时生效
当前设置：${siteSpecificMode ? this.getSiteModeName(siteSpecificMode) : '默认'}
注意：bilivod.com已内置专门优化的夜间模式，无需单独设置
⚡ 强制启用管理
强制启用列表中的网站将始终启用护眼模式，优先级高于黑名单和全局设置
强制启用状态：
${host}：${isForced ? '已强制启用' : '未强制启用'}
优先级最高：强制启用 > 黑名单 > 白名单 > 全局开关
强制启用的网站将始终启用护眼模式，不受其他设置影响
${forcedList.length > 0 ? `
当前强制启用网站：
${forcedList.map(site => `
${site}
`).join('')}
` : ''}
⛔ 黑名单管理
黑名单中的网站将始终禁用护眼模式，优先级高于白名单和全局设置
当前黑名单状态：${blacklistCount} 个网站
${host}：${isBlacklisted ? '已禁用' : '未禁用'}
优先级顺序：强制启用列表 > 黑名单 > 白名单 > 全局开关
黑名单中的网站即使在白名单中或全局开启时也不会启用护眼模式
${blacklistCount > 0 ? `
当前黑名单网站：
${blacklist.map(site => `
${site}
`).join('')}
` : ''}
`;
// 添加到页面
document.body.appendChild(panel);
// 添加设置面板专用CSS，确保其不受任何模式影响
let panelStyle = document.createElement('style');
panelStyle.textContent = `
/* 设置面板专用样式 - 强制亮色主题，不受任何模式影响 */
.eye-protect-settings-panel {
filter: none !important;
background: #ffffff !important;
color: #333333 !important;
border-color: #e0e0e0 !important;
}
.eye-protect-settings-panel * {
filter: none !important;
background: inherit !important;
color: inherit !important;
}
/* 切换开关样式 */
.toggle-switch input:checked + .toggle-slider::before {
transform: translateX(26px) !important;
}
.toggle-switch input:checked + .toggle-slider {
background-color: #007bff !important;
}
.toggle-switch .toggle-slider::before {
content: "" !important;
position: absolute !important;
height: 16px !important;
width: 16px !important;
left: 4px !important;
bottom: 4px !important;
background-color: white !important;
border-radius: 50% !important;
transition: .4s !important;
}
`;
document.head.appendChild(panelStyle);
// 事件绑定
setTimeout(() => {
// 关闭按钮事件
panel.querySelector('#closeBtn').addEventListener('click', (e) => {
e.stopPropagation();
panel.remove();
});
// 网站专用模式相关事件
panel.querySelector('#applySiteMode').addEventListener('click', () => {
let select = panel.querySelector('#siteSpecificMode');
let mode = select.value;
if (mode === 'default') {
this.setSiteSpecificMode(null);
this.showNotification('已重置当前网站的专用模式为默认');
} else {
this.setSiteSpecificMode(mode);
this.showNotification(`已为当前网站设置专用模式：${this.getSiteModeName(mode)}`);
}
this.applyMode();
this.refreshMenu();
panel.remove();
});
panel.querySelector('#resetSiteMode').addEventListener('click', () => {
this.setSiteSpecificMode(null);
this.showNotification('已重置当前网站的专用模式为默认');
this.applyMode();
this.refreshMenu();
panel.remove();
});
// 强制启用相关事件
panel.querySelector('#toggleForceEnable').addEventListener('click', () => {
this.toggleForceEnable();
panel.remove();
});
panel.querySelector('#clearForcedList').addEventListener('click', () => {
if (confirm('确定要清空强制启用列表吗？这将移除所有强制启用的网站。')) {
this.setConfig('forcedEnableList', []);
this.showNotification('已清空强制启用列表');
this.applyMode();
this.refreshMenu();
panel.remove();
}
});
// 黑名单相关事件
panel.querySelector('#toggleBlacklist').addEventListener('click', () => {
this.toggleBlacklist();
panel.remove();
});
panel.querySelector('#clearBlacklist').addEventListener('click', () => {
this.clearBlacklist();
panel.remove();
});
// 功能按钮事件
panel.querySelector('#toggleMode').addEventListener('click', () => {
this.switchMode();
panel.remove();
});
panel.querySelector('#toggleSite').addEventListener('click', () => {
this.toggleCurrentSite();
panel.remove();
});
panel.querySelector('#saveSettings').addEventListener('click', () => {
// 保存所有设置
this.setConfig('globalEnable', panel.querySelector('#globalEnable').checked);
this.setConfig('autoExclude', panel.querySelector('#autoExclude').checked);
this.setConfig('runDuringDay', panel.querySelector('#runDuringDay').checked);
this.setConfig('darkAuto', panel.querySelector('#darkAuto').checked);
let dayNight = panel.querySelector('#customDayNight').value;
if (dayNight) this.setConfig('customDayNight', dayNight);
let autoSwitchVal = panel.querySelector('#autoSwitch').value;
this.setConfig('autoSwitch', autoSwitchVal);
let dark3Val = panel.querySelector('#customDark3').value;
if (dark3Val) this.setConfig('customDark3', dark3Val);
let inkConfigVal = panel.querySelector('#inkModeConfig').value;
if (inkConfigVal) {
this.setConfig('inkModeConfig', inkConfigVal);
if (this.getCurrentMode() === 'ink') this.applyInkMode();
}
this.applyMode();
this.refreshMenu();
this.showNotification('✅ 设置已保存');
panel.remove();
});
panel.querySelector('#resetSettings').addEventListener('click', () => {
if (confirm('确定要恢复所有默认设置吗？')) {
for (let key in this.defaults) {
this.setConfig(key, this.defaults[key]);
}
this.setConfig('currentMode', 'light');
this.currentMode = 'light';
this.applyMode();
this.refreshMenu();
this.showNotification('✅ 已恢复默认设置');
panel.remove();
}
});
// ESC键关闭
const handleEscKey = (e) => {
if (e.key === 'Escape' && panel && panel.parentNode) {
panel.remove();
document.removeEventListener('keydown', handleEscKey);
}
};
document.addEventListener('keydown', handleEscKey);
}, 0);
},
// 清除所有菜单
clearMenu() {
menuCommands.forEach(cmd => {
try {
GM_unregisterMenuCommand(cmd);
} catch (e) {
// 忽略错误
}
});
menuCommands = [];
},
// 刷新菜单
refreshMenu() {
this.clearMenu();
this.initMenu();
},
// 初始化菜单（移除了黑名单菜单项）
initMenu() {
let currentMode = this.getCurrentMode();
let globalEnable = this.getConfig('globalEnable');
let enableList = this.getConfig('enableList');
let host = location.host;
let siteEnabled = enableList.includes(host);
let siteSpecificMode = this.getSiteSpecificMode();
let modeIcon = currentMode === 'light' ? '☀️' : currentMode === 'dark' ? '🌙' : '🖋️';
let siteModeText = siteSpecificMode ? ` [${this.getSiteModeName(siteSpecificMode)}]` : '';
// 只保留四个菜单项，移除了黑名单菜单项
menuCommands.push(GM_registerMenuCommand(`${modeIcon} ${this.getModeName(currentMode)}${siteModeText}`, () => {
this.switchMode();
}));
menuCommands.push(GM_registerMenuCommand(globalEnable ? '🌍 全局: 开启 (点击关闭)' : '🌍 全局: 关闭 (点击开启)', () => {
this.toggleGlobal();
}));
menuCommands.push(GM_registerMenuCommand(siteEnabled ? '✅ 本站: 启用 (点击禁用)' : '❌ 本站: 禁用 (点击启用)', () => {
this.toggleCurrentSite();
}));
menuCommands.push(GM_registerMenuCommand('⚙️ 设置面板', () => {
this.showSettings();
}));
}
};
// 初始化
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
EyeProtect.init();
});
} else {
EyeProtect.init();
}
})();