Greasy Fork is available in English.
仅在需要的网页中启用JavaScript控制器，支持快捷键激活
// ==UserScript==
// @name JavaScript 控制器 (简化版)
// @namespace http://tampermonkey.net/
// @version 3.1
// @description 仅在需要的网页中启用JavaScript控制器，支持快捷键激活
// @author Your Name
// @match *://*/*
// @run-at document-start
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_registerMenuCommand
// ==/UserScript==
(function() {
'use strict';
// 当前网站域名
const currentDomain = location.hostname;
// 设置键名
const ENABLED_DOMAINS_KEY = 'js_controller_enabled_domains';
const DISABLED_SCRIPTS_KEY = 'js_disabled_scripts';
// 添加自定义CSS样式
GM_addStyle(`
#js-controller-toggle {
position: fixed;
top: 10px;
right: 10px;
background: #4CAF50;
color: white;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 999998;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
transition: all 0.3s ease;
opacity: 0.8;
}
#js-controller-toggle:hover {
background: #45a049;
transform: scale(1.1);
opacity: 1;
}
#js-controller-toggle.hidden {
display: none;
}
#js-controller-ui {
position: fixed;
top: 60px;
right: 10px;
background: white;
border: 1px solid #ccc;
padding: 15px;
z-index: 999999;
width: 450px;
max-height: 85vh;
overflow: auto;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 13px;
border-radius: 8px;
transition: all 0.3s ease;
}
#js-controller-ui.hidden {
display: none;
}
.js-controller-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.js-controller-title {
margin: 0;
color: #333;
font-size: 16px;
font-weight: 600;
}
.js-controller-close {
background: #ff5252;
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
transition: all 0.2s ease;
}
.js-controller-close:hover {
background: #ff0000;
transform: scale(1.1);
}
.activation-status {
background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
color: white;
padding: 12px;
border-radius: 8px;
margin-bottom: 15px;
text-align: center;
}
.activation-status h3 {
margin: 0 0 8px 0;
color: white;
font-size: 14px;
}
.activation-buttons {
display: flex;
gap: 8px;
justify-content: center;
margin-top: 10px;
}
.activation-btn {
padding: 6px 12px;
font-size: 12px;
cursor: pointer;
border: none;
border-radius: 4px;
background: rgba(255, 255, 255, 0.2);
color: white;
transition: all 0.2s ease;
font-weight: 500;
}
.activation-btn:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-1px);
}
.activation-btn.primary {
background: #4CAF50;
}
.activation-btn.primary:hover {
background: #45a049;
}
.activation-btn.danger {
background: #f44336;
}
.activation-btn.danger:hover {
background: #d32f2f;
}
.shortcut-info {
background: #f8f9fa;
padding: 10px;
border-radius: 6px;
margin-bottom: 15px;
font-size: 12px;
color: #555;
border-left: 4px solid #2196F3;
}
.shortcut-info kbd {
background: #e9ecef;
padding: 2px 6px;
border-radius: 4px;
font-family: 'Consolas', monospace;
font-size: 11px;
border: 1px solid #ced4da;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.script-item {
padding: 12px;
margin: 8px 0;
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fafafa;
transition: all 0.2s ease;
}
.script-item.disabled {
background: #fff5f5;
border-color: #ffcdd2;
}
.script-item:hover {
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transform: translateY(-1px);
}
.script-info {
margin-bottom: 10px;
}
.script-type {
display: inline-block;
padding: 3px 8px;
background: #e3f2fd;
color: #1976d2;
border-radius: 4px;
font-size: 11px;
font-weight: 600;
margin-right: 8px;
}
.script-url {
font-size: 12px;
color: #666;
word-break: break-all;
margin-top: 6px;
line-height: 1.4;
}
.script-content {
font-size: 11px;
color: #666;
font-family: 'Consolas', monospace;
margin-top: 6px;
background: #f5f5f5;
padding: 6px;
border-radius: 4px;
overflow: hidden;
text-overflow: ellipsis;
max-height: 40px;
border: 1px solid #eee;
}
.script-controls {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.script-btn {
padding: 5px 12px;
font-size: 12px;
cursor: pointer;
border: none;
border-radius: 4px;
transition: all 0.2s ease;
font-weight: 500;
}
.script-btn.enable {
background: #4CAF50;
color: white;
}
.script-btn.disable {
background: #ff9800;
color: white;
}
.script-btn.remove {
background: #f44336;
color: white;
}
.script-btn:hover {
opacity: 0.9;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.global-controls {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.global-btn {
flex: 1;
min-width: 80px;
padding: 8px 12px;
font-size: 12px;
cursor: pointer;
border: none;
border-radius: 6px;
background: #607d8b;
color: white;
font-weight: 500;
transition: all 0.2s ease;
}
.global-btn:hover {
background: #546e7a;
transform: translateY(-1px);
}
.global-btn.primary {
background: #2196F3;
}
.global-btn.primary:hover {
background: #0b7dda;
}
.global-btn.danger {
background: #f44336;
}
.global-btn.danger:hover {
background: #d32f2f;
}
.stats {
font-size: 12px;
color: #666;
margin-top: 12px;
text-align: center;
padding: 8px;
background: #f8f9fa;
border-radius: 6px;
font-weight: 500;
}
.drag-handle {
position: absolute;
top: 5px;
left: 5px;
width: 24px;
height: 24px;
cursor: move;
color: #999;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.tab-container {
display: flex;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
background: #f8f9fa;
border-radius: 6px;
padding: 4px;
}
.tab {
flex: 1;
padding: 8px 12px;
text-align: center;
cursor: pointer;
background: transparent;
border: none;
font-size: 13px;
font-weight: 500;
color: #666;
transition: all 0.2s ease;
border-radius: 4px;
}
.tab:hover {
background: #e9ecef;
color: #333;
}
.tab.active {
background: #2196F3;
color: white;
box-shadow: 0 2px 4px rgba(33, 150, 243, 0.2);
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.domains-list {
max-height: 300px;
overflow-y: auto;
margin-top: 10px;
border: 1px solid #eee;
border-radius: 6px;
}
.domain-list-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
border-bottom: 1px solid #f0f0f0;
transition: background 0.2s ease;
}
.domain-list-item:last-child {
border-bottom: none;
}
.domain-list-item:hover {
background: #f8f9fa;
}
.domain-list-name {
font-size: 13px;
color: #333;
font-weight: 500;
}
.domain-list-remove {
font-size: 11px;
padding: 3px 8px;
background: #f44336;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease;
}
.domain-list-remove:hover {
background: #d32f2f;
transform: scale(1.05);
}
.empty-state {
text-align: center;
padding: 30px 20px;
color: #999;
}
.empty-state i {
font-size: 24px;
margin-bottom: 10px;
display: block;
}
@media (max-width: 500px) {
#js-controller-ui {
width: 95vw;
right: 2.5vw;
left: 2.5vw;
}
}
`);
// 全局变量
let isControllerActive = false;
let disabledScripts = [];
let allScripts = [];
let isMonitoring = true;
let isPanelVisible = false;
// 存储原始方法
const originalMethods = {
createElement: document.createElement,
setAttribute: Element.prototype.setAttribute,
src: Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype, 'src'),
text: Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype, 'text')
};
// 加载设置
function loadSettings() {
// 检查当前网站是否已启用控制器
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
const isDomainEnabled = enabledDomains.includes(currentDomain);
// 检查是否有临时激活记录
const tempActivated = sessionStorage.getItem(`js_temp_activated_${currentDomain}`);
isControllerActive = isDomainEnabled || tempActivated === 'true';
// 加载禁用脚本列表
const allDisabledScripts = JSON.parse(GM_getValue(DISABLED_SCRIPTS_KEY, '{}'));
disabledScripts = allDisabledScripts[currentDomain] || [];
}
// 保存设置
function saveSettings() {
// 保存禁用脚本列表
const allDisabledScripts = JSON.parse(GM_getValue(DISABLED_SCRIPTS_KEY, '{}'));
allDisabledScripts[currentDomain] = disabledScripts;
GM_setValue(DISABLED_SCRIPTS_KEY, JSON.stringify(allDisabledScripts));
}
// 初始化设置
loadSettings();
// 拦截脚本创建（仅当控制器激活时）
if (isControllerActive) {
setupScriptInterception();
}
// 设置脚本拦截
function setupScriptInterception() {
document.createElement = function(...args) {
const element = originalMethods.createElement.apply(this, args);
if (args[0].toLowerCase() === 'script' && isMonitoring) {
return createScriptProxy(element);
}
return element;
};
}
// 创建脚本代理
function createScriptProxy(scriptElement) {
return new Proxy(scriptElement, {
set(target, property, value) {
if (property === 'src' && value && isMonitoring) {
const scriptInfo = {
type: '外部脚本',
url: value,
id: generateId(),
disabled: isScriptDisabled(value),
timestamp: Date.now()
};
allScripts.push(scriptInfo);
updateUI();
if (scriptInfo.disabled) {
return true; // 阻止设置src
}
}
if (property === 'innerHTML' && isMonitoring && typeof value === 'string' && value.trim()) {
const scriptInfo = {
type: '内联脚本',
content: value.length > 150 ? value.substring(0, 150) + '...' : value,
id: generateId(),
disabled: isScriptDisabled(value),
timestamp: Date.now()
};
allScripts.push(scriptInfo);
updateUI();
if (scriptInfo.disabled) {
return true; // 阻止设置innerHTML
}
}
return originalMethods.setAttribute ?
target.setAttribute(property, value) :
Reflect.set(target, property, value);
},
get(target, property) {
if (property === 'src' && isMonitoring) {
const src = originalMethods.src.get.call(target);
if (src && isScriptDisabled(src)) {
return ''; // 返回空字符串禁用
}
}
if (property === 'text' && isMonitoring) {
const text = originalMethods.text.get.call(target);
if (text && isScriptDisabled(text)) {
return ''; // 返回空字符串禁用
}
}
return Reflect.get(target, property);
}
});
}
// 生成唯一ID
function generateId() {
return Date.now() + '-' + Math.random().toString(36).substr(2, 9);
}
// 检查脚本是否被禁用
function isScriptDisabled(identifier) {
return disabledScripts.some(disabled => {
if (!identifier || !disabled) return false;
try {
return identifier.includes(disabled) || disabled.includes(identifier) ||
new RegExp(disabled).test(identifier);
} catch (e) {
return identifier.includes(disabled) || disabled.includes(identifier);
}
});
}
// 在当前页面启用控制器
function enableForCurrentPage(temporary = false) {
if (isControllerActive) {
showNotification('控制器已启用');
showPanel();
return;
}
isControllerActive = true;
if (temporary) {
// 临时激活（仅本次会话）
sessionStorage.setItem(`js_temp_activated_${currentDomain}`, 'true');
} else {
// 永久激活（添加到启用列表）
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
if (!enabledDomains.includes(currentDomain)) {
enabledDomains.push(currentDomain);
GM_setValue(ENABLED_DOMAINS_KEY, JSON.stringify(enabledDomains));
}
}
// 设置脚本拦截
setupScriptInterception();
// 创建UI
createUI();
// 捕获已存在的脚本
captureExistingScripts();
// 显示面板
showPanel();
showNotification(`JavaScript控制器已${temporary ? '临时' : '永久'}启用`, 'success');
}
// 在当前页面禁用控制器
function disableForCurrentPage() {
if (!isControllerActive) {
showNotification('控制器未启用');
return;
}
isControllerActive = false;
// 从启用列表中移除
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
const index = enabledDomains.indexOf(currentDomain);
if (index > -1) {
enabledDomains.splice(index, 1);
GM_setValue(ENABLED_DOMAINS_KEY, JSON.stringify(enabledDomains));
}
// 清除临时激活记录
sessionStorage.removeItem(`js_temp_activated_${currentDomain}`);
// 恢复原始方法
document.createElement = originalMethods.createElement;
// 隐藏UI
hideUI();
showNotification('JavaScript控制器已禁用', 'warning');
}
// 显示通知
function showNotification(message, type = 'info') {
// 移除现有通知
const existingNotification = document.querySelector('.js-notification');
if (existingNotification) {
existingNotification.remove();
}
const notification = document.createElement('div');
notification.className = 'js-notification';
notification.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
background: ${type === 'success' ? '#4CAF50' : type === 'warning' ? '#ff9800' : '#2196F3'};
color: white;
padding: 12px 20px;
border-radius: 8px;
z-index: 1000000;
font-size: 14px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
animation: slideIn 0.3s ease;
cursor: pointer;
font-weight: 500;
max-width: 300px;
`;
notification.textContent = message;
notification.addEventListener('click', () => notification.remove());
document.body.appendChild(notification);
// 3秒后自动隐藏
setTimeout(() => {
if (notification.parentNode) {
notification.style.opacity = '0';
notification.style.transform = 'translateX(100%)';
setTimeout(() => {
if (notification.parentNode) notification.remove();
}, 300);
}
}, 3000);
}
// 创建UI
function createUI() {
if (document.getElementById('js-controller-ui')) return;
// 创建切换按钮
const toggleBtn = document.createElement('button');
toggleBtn.id = 'js-controller-toggle';
toggleBtn.innerHTML = 'JS';
toggleBtn.title = '显示/隐藏 JavaScript 控制器 (Ctrl+Shift+J)';
toggleBtn.addEventListener('click', togglePanel);
// 创建主面板
const container = document.createElement('div');
container.id = 'js-controller-ui';
container.classList.add('hidden');
// 检查是否为临时启用
const isTemporary = sessionStorage.getItem(`js_temp_activated_${currentDomain}`) === 'true';
// 创建面板内容
container.innerHTML = `
<div class="drag-handle">☰</div>
<div class="js-controller-header">
<h3 class="js-controller-title">JavaScript 控制器</h3>
<button class="js-controller-close" title="关闭面板">×</button>
</div>
<div class="activation-status">
<h3>${currentDomain}</h3>
<div style="font-size: 12px; opacity: 0.9;">
${isTemporary ? '临时启用' : '永久启用'}
</div>
<div class="activation-buttons">
<button id="js-disable-page" class="activation-btn danger">禁用控制器</button>
${isTemporary ? '<button id="js-permanent-enable" class="activation-btn primary">设为永久</button>' : ''}
</div>
</div>
<div class="shortcut-info">
<strong>快捷键：</strong><br>
<kbd>Ctrl+Shift+J</kbd> - 显示/隐藏面板<br>
<kbd>Ctrl+Shift+K</kbd> - 启用控制器
</div>
<div class="tab-container">
<button class="tab active" data-tab="control">脚本控制</button>
<button class="tab" data-tab="domains">已启用网站</button>
</div>
<div id="tab-control" class="tab-content active">
<div style="display: flex; gap: 8px; margin-bottom: 12px;">
<button id="js-monitor-toggle" class="global-btn" style="flex: 1;">${isMonitoring ? '⏸️ 暂停监控' : '▶️ 恢复监控'}</button>
<button id="js-clear-list" class="global-btn danger" style="flex: 1;">🗑️ 清空列表</button>
</div>
<div id="js-script-list" style="min-height: 200px;">
<div class="empty-state">
<div>📋</div>
<div>正在监控脚本...</div>
</div>
</div>
<div class="global-controls">
<button id="js-disable-all" class="global-btn">🚫 禁用所有</button>
<button id="js-enable-all" class="global-btn">✅ 启用所有</button>
<button id="js-export" class="global-btn primary">💾 导出配置</button>
</div>
<div class="stats" id="js-stats">
已加载脚本: 0 | 已禁用: 0
</div>
</div>
<div id="tab-domains" class="tab-content">
<h4 style="margin: 0 0 12px 0; color: #333; font-size: 14px;">已永久启用的网站</h4>
<div id="js-domains-list">
<div class="empty-state">
<div>🌐</div>
<div>正在加载网站列表...</div>
</div>
</div>
<div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;">
<button id="js-clear-all-domains" class="global-btn danger">清除所有网站</button>
</div>
</div>
<div style="margin-top: 12px; font-size: 11px; color: #888; text-align: center; padding-top: 12px; border-top: 1px solid #eee;">
提示: 禁用脚本后需要刷新页面生效
</div>
`;
document.body.appendChild(toggleBtn);
document.body.appendChild(container);
// 设置事件监听器
setupEventListeners();
// 添加拖动功能
makeDraggable(container);
// 加载网站列表
loadDomainsList();
}
// 隐藏UI
function hideUI() {
const toggleBtn = document.getElementById('js-controller-toggle');
const panel = document.getElementById('js-controller-ui');
if (toggleBtn) toggleBtn.remove();
if (panel) panel.remove();
}
// 设置事件监听器
function setupEventListeners() {
// 面板控制
document.querySelector('.js-controller-close').addEventListener('click', togglePanel);
// 标签页切换
document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', function() {
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
this.classList.add('active');
document.getElementById(`tab-${this.dataset.tab}`).classList.add('active');
});
});
// 激活控制
document.getElementById('js-disable-page').addEventListener('click', disableForCurrentPage);
const permanentEnableBtn = document.getElementById('js-permanent-enable');
if (permanentEnableBtn) {
permanentEnableBtn.addEventListener('click', () => {
// 设为永久启用
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
if (!enabledDomains.includes(currentDomain)) {
enabledDomains.push(currentDomain);
GM_setValue(ENABLED_DOMAINS_KEY, JSON.stringify(enabledDomains));
}
sessionStorage.removeItem(`js_temp_activated_${currentDomain}`);
// 重新加载UI
hideUI();
enableForCurrentPage(false);
showNotification('已设为永久启用');
});
}
// 脚本控制
document.getElementById('js-monitor-toggle').addEventListener('click', toggleMonitoring);
document.getElementById('js-clear-list').addEventListener('click', clearList);
document.getElementById('js-disable-all').addEventListener('click', () => toggleAllScripts(true));
document.getElementById('js-enable-all').addEventListener('click', () => toggleAllScripts(false));
document.getElementById('js-export').addEventListener('click', exportConfig);
// 网站管理
document.getElementById('js-clear-all-domains').addEventListener('click', clearAllDomains);
}
// 捕获已存在的脚本
function captureExistingScripts() {
if (!isControllerActive) return;
document.querySelectorAll('script').forEach(script => {
if (script.src) {
const scriptInfo = {
type: '外部脚本',
url: script.src,
id: generateId(),
disabled: isScriptDisabled(script.src),
timestamp: Date.now()
};
allScripts.push(scriptInfo);
} else if (script.textContent.trim()) {
const scriptInfo = {
type: '内联脚本',
content: script.textContent.length > 150 ?
script.textContent.substring(0, 150) + '...' :
script.textContent,
id: generateId(),
disabled: isScriptDisabled(script.textContent),
timestamp: Date.now()
};
allScripts.push(scriptInfo);
}
});
updateUI();
}
// 更新UI列表
function updateUI() {
const listContainer = document.getElementById('js-script-list');
const statsContainer = document.getElementById('js-stats');
if (!listContainer || !statsContainer) return;
// 更新统计信息
const disabledCount = allScripts.filter(s => s.disabled).length;
statsContainer.textContent = `已加载脚本: ${allScripts.length} | 已禁用: ${disabledCount}`;
if (allScripts.length === 0) {
listContainer.innerHTML = `
<div class="empty-state">
<div>📋</div>
<div>未检测到脚本</div>
</div>
`;
return;
}
// 按时间倒序排序，最新的在前面
const sortedScripts = [...allScripts].sort((a, b) => b.timestamp - a.timestamp);
listContainer.innerHTML = '';
sortedScripts.forEach((script, index) => {
const item = document.createElement('div');
item.className = `script-item ${script.disabled ? 'disabled' : ''}`;
item.dataset.index = allScripts.findIndex(s => s.id === script.id);
let contentHtml = `
<div class="script-info">
<span class="script-type">${script.type}</span>
<span style="font-size: 11px; color: #999; margin-left: 8px;">${formatTime(script.timestamp)}</span>
`;
if (script.url) {
const domain = new URL(script.url).hostname;
contentHtml += `
<div class="script-url" title="${script.url}">
<strong>来源:</strong> ${domain}<br>
<span style="color: #888; font-size: 11px;">${truncateUrl(script.url, 70)}</span>
</div>
`;
}
if (script.content) {
contentHtml += `
<div class="script-content" title="${script.content.replace(/"/g, '"')}">
${escapeHtml(script.content)}
</div>
`;
}
contentHtml += `
</div>
<div class="script-controls">
<button class="script-btn ${script.disabled ? 'enable' : 'disable'}"
data-action="toggle">
${script.disabled ? '✅ 启用' : '🚫 禁用'}
</button>
<button class="script-btn remove" data-action="remove">🗑️ 移除</button>
</div>
`;
item.innerHTML = contentHtml;
listContainer.appendChild(item);
});
// 添加事件委托
listContainer.addEventListener('click', function(e) {
const button = e.target.closest('.script-btn');
if (!button) return;
const item = button.closest('.script-item');
const index = parseInt(item.dataset.index);
const action = button.dataset.action;
if (action === 'toggle') {
toggleScript(index);
} else if (action === 'remove') {
removeScript(index);
}
});
}
// 加载网站列表
function loadDomainsList() {
const domainsList = document.getElementById('js-domains-list');
if (!domainsList) return;
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
if (enabledDomains.length === 0) {
domainsList.innerHTML = `
<div class="empty-state">
<div>🌐</div>
<div>暂无已永久启用的网站</div>
</div>
`;
return;
}
let html = '';
enabledDomains.sort().forEach(domain => {
const isCurrent = domain === currentDomain;
html += `
<div class="domain-list-item" style="${isCurrent ? 'background: #e3f2fd;' : ''}">
<span class="domain-list-name">${domain} ${isCurrent ? '(当前)' : ''}</span>
<button class="domain-list-remove" data-domain="${domain}">
移除
</button>
</div>
`;
});
domainsList.innerHTML = html;
// 添加移除按钮事件
domainsList.querySelectorAll('.domain-list-remove').forEach(button => {
button.addEventListener('click', function() {
const domain = this.dataset.domain;
removeDomain(domain);
});
});
}
// 移除网站
function removeDomain(domain) {
if (!confirm(`确定要从启用列表中移除 ${domain} 吗？`)) return;
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
const index = enabledDomains.indexOf(domain);
if (index > -1) {
enabledDomains.splice(index, 1);
GM_setValue(ENABLED_DOMAINS_KEY, JSON.stringify(enabledDomains));
// 如果是当前网站，禁用控制器
if (domain === currentDomain) {
disableForCurrentPage();
}
// 重新加载列表
loadDomainsList();
showNotification(`已移除 ${domain}`);
}
}
// 格式化时间
function formatTime(timestamp) {
const date = new Date(timestamp);
return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date.getSeconds().toString().padStart(2, '0')}`;
}
// 截断URL
function truncateUrl(url, maxLength) {
if (url.length <= maxLength) return url;
return url.substring(0, maxLength) + '...';
}
// 转义HTML
function escapeHtml(text) {
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
// 切换脚本状态
function toggleScript(index) {
if (index < 0 || index >= allScripts.length || !isControllerActive) return;
const script = allScripts[index];
const identifier = script.url || script.content;
if (!identifier) return;
if (script.disabled) {
// 启用脚本
disabledScripts = disabledScripts.filter(s => {
try {
return !new RegExp(s).test(identifier) &&
!identifier.includes(s) &&
!s.includes(identifier);
} catch (e) {
return !identifier.includes(s) && !s.includes(identifier);
}
});
} else {
// 禁用脚本
const simpleIdentifier = script.url ?
new URL(script.url).pathname.split('/').pop() || script.url :
script.content.substring(0, 50);
if (!disabledScripts.includes(simpleIdentifier)) {
disabledScripts.push(simpleIdentifier);
}
}
script.disabled = !script.disabled;
saveSettings();
updateUI();
}
// 移除脚本记录
function removeScript(index) {
if (index < 0 || index >= allScripts.length) return;
allScripts.splice(index, 1);
updateUI();
}
// 切换所有脚本状态
function toggleAllScripts(disable) {
if (!isControllerActive) return;
allScripts.forEach(script => {
const identifier = script.url || script.content;
if (!identifier) return;
if (disable && !script.disabled) {
const simpleIdentifier = script.url ?
new URL(script.url).pathname.split('/').pop() || script.url :
identifier.substring(0, 50);
if (!disabledScripts.includes(simpleIdentifier)) {
disabledScripts.push(simpleIdentifier);
}
script.disabled = true;
} else if (!disable && script.disabled) {
disabledScripts = disabledScripts.filter(s => {
try {
return !new RegExp(s).test(identifier) &&
!identifier.includes(s) &&
!s.includes(identifier);
} catch (e) {
return !identifier.includes(s) && !s.includes(identifier);
}
});
script.disabled = false;
}
});
saveSettings();
updateUI();
}
// 切换监控状态
function toggleMonitoring() {
if (!isControllerActive) return;
isMonitoring = !isMonitoring;
const toggleBtn = document.getElementById('js-monitor-toggle');
toggleBtn.textContent = isMonitoring ? '⏸️ 暂停监控' : '▶️ 恢复监控';
}
// 清空列表
function clearList() {
if (!isControllerActive) return;
if (confirm('确定要清空所有脚本记录吗？此操作不可撤销。')) {
allScripts = [];
updateUI();
}
}
// 清除所有网站
function clearAllDomains() {
if (!confirm('确定要清除所有已启用的网站吗？此操作不可撤销。')) return;
GM_setValue(ENABLED_DOMAINS_KEY, JSON.stringify([]));
// 如果是当前网站，禁用控制器
if (isControllerActive) {
disableForCurrentPage();
}
// 重新加载列表
loadDomainsList();
showNotification('已清除所有网站');
}
// 切换面板显示/隐藏
function togglePanel() {
if (!isControllerActive) {
// 如果控制器未启用，先启用它
enableForCurrentPage(true);
return;
}
const panel = document.getElementById('js-controller-ui');
const toggleBtn = document.getElementById('js-controller-toggle');
if (panel.classList.contains('hidden')) {
showPanel();
} else {
hidePanel();
}
}
// 显示面板
function showPanel() {
if (!isControllerActive) return;
const panel = document.getElementById('js-controller-ui');
const toggleBtn = document.getElementById('js-controller-toggle');
if (panel && toggleBtn) {
panel.classList.remove('hidden');
toggleBtn.classList.remove('hidden');
isPanelVisible = true;
}
}
// 隐藏面板
function hidePanel() {
const panel = document.getElementById('js-controller-ui');
const toggleBtn = document.getElementById('js-controller-toggle');
if (panel && toggleBtn) {
panel.classList.add('hidden');
isPanelVisible = false;
}
}
// 导出配置
function exportConfig() {
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
const disabledScriptsData = JSON.parse(GM_getValue(DISABLED_SCRIPTS_KEY, '{}'));
const config = {
enabledDomains: enabledDomains,
disabledScripts: disabledScriptsData,
currentDomain: currentDomain,
exportDate: new Date().toISOString(),
version: '3.1'
};
const dataStr = JSON.stringify(config, null, 2);
const dataBlob = new Blob([dataStr], {type: 'application/json'});
const link = document.createElement('a');
link.href = URL.createObjectURL(dataBlob);
link.download = `js-controller-backup-${Date.now()}.json`;
link.click();
showNotification('配置已导出！');
}
// 使UI可拖动
function makeDraggable(element) {
let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
const dragHandle = element.querySelector('.drag-handle');
dragHandle.onmousedown = dragMouseDown;
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// 计算新位置
let newTop = element.offsetTop - pos2;
let newLeft = element.offsetLeft - pos1;
// 限制在窗口内
newTop = Math.max(0, Math.min(newTop, window.innerHeight - element.offsetHeight));
newLeft = Math.max(0, Math.min(newLeft, window.innerWidth - element.offsetWidth));
element.style.top = newTop + "px";
element.style.left = newLeft + "px";
}
function closeDragElement() {
document.onmouseup = null;
document.onmousemove = null;
}
}
// 添加快捷键支持
function setupKeyboardShortcuts() {
document.addEventListener('keydown', function(e) {
// Ctrl+Shift+J: 显示/隐藏面板
if (e.ctrlKey && e.shiftKey && e.key === 'J') {
e.preventDefault();
togglePanel();
}
// Ctrl+Shift+K: 启用控制器
if (e.ctrlKey && e.shiftKey && e.key === 'K') {
e.preventDefault();
enableForCurrentPage(true);
}
});
}
// 初始化
function init() {
// 如果控制器已激活，创建UI
if (isControllerActive) {
createUI();
captureExistingScripts();
}
// 设置键盘快捷键
setupKeyboardShortcuts();
// 添加油猴菜单命令
GM_registerMenuCommand('在此网站启用控制器', () => {
enableForCurrentPage(false);
}, 'p');
GM_registerMenuCommand('临时启用控制器', () => {
enableForCurrentPage(true);
}, 't');
GM_registerMenuCommand('禁用控制器', () => {
disableForCurrentPage();
}, 'd');
GM_registerMenuCommand('查看已启用网站', () => {
const enabledDomains = JSON.parse(GM_getValue(ENABLED_DOMAINS_KEY, '[]'));
alert(`已永久启用的网站 (${enabledDomains.length}个):\n\n${enabledDomains.join('\n') || '暂无'}`);
}, 'l');
}
// 启动
init();
})();