// ==UserScript== // @name 右键链接复制器增强版 // @namespace http://tampermonkey.net/ // @version 2.8 // @description 右键链接快速复制文字、地址及多种格式，智能识别选中文本和图片，支持从链接另存文件，支持复制图片到剪贴板，可自定义分组排序 // @author MRBANK // @match *://*/* // @connect * // @grant GM_setClipboard // @grant GM_openInTab // @grant GM_notification // @grant GM_getValue // @grant GM_setValue // @grant GM_download // @grant GM_xmlhttpRequest // @icon data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMTIwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJnIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojM2I4MmY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMjU2M2ViIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSIyNSIgZmlsbD0idXJsKCNiZykiLz48cGF0aCBkPSJNNTAgNzAgTDM1IDg1IEMyNSA5NSAxMCA4MCAyMCA3MCBMNDAgNTAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMTAiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik03MCA1MCBMODUgMzUgQzk1IDI1IDExMCA0MCAxMDAgNTAgTDgwIDcwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEwIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5NSIgY3k9Ijk1IiByPSIyMiIgZmlsbD0iIzEwYjk4MSIvPjxwYXRoIGQ9Ik04MyA5NSBMOTEgMTAzIEwxMDcgODciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+ // @run-at document-end // ==/UserScript== (function() { 'use strict'; // ==================== 1. 配置与定义 ==================== // 样式设计配置 const DESIGN = { menuWidth: 240, borderRadius: 8, animationSpeed: 100, colors: { primary: '#3b82f6', success: '#10b981', error: '#ef4444', warning: '#f59e0b', background: '#ffffff', hover: '#f3f4f6', border: '#e5e7eb', text: '#111827', subtitle: '#6b7280' }, shadows: { menu: '0 6px 16px rgba(0, 0, 0, 0.12)', notification: '0 4px 12px rgba(0, 0, 0, 0.1)', modal: '0 10px 25px rgba(0, 0, 0, 0.15)' }, fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif' }; // 默认功能配置 (V2.8) const DEFAULT_CONFIG = { version: 2.8, groups: { 'link-actions': { id: 'link-actions', title: '链接操作', enabled: true, expanded: true, order: 1, items: [ { id: 'copy-link-text', enabled: true, order: 1 }, { id: 'copy-link-url', enabled: true, order: 2 }, { id: 'copy-text-url', enabled: true, order: 3 }, { id: 'save-link-file', enabled: true, order: 4 } ] }, 'image-actions': { id: 'image-actions', title: '图片操作', enabled: true, expanded: true, order: 2, items: [ { id: 'copy-image-clipboard', enabled: true, order: 1 }, { id: 'copy-image-url', enabled: true, order: 2 }, { id: 'open-image-new-tab', enabled: true, order: 3 }, { id: 'download-image', enabled: true, order: 4 } ] }, 'format-actions': { id: 'format-actions', title: '格式化复制', enabled: true, expanded: true, order: 3, items: [ { id: 'copy-markdown', enabled: true, order: 1 }, { id: 'copy-html', enabled: true, order: 2 }, { id: 'copy-bbcode', enabled: true, order: 3 }, { id: 'copy-markdown-image', enabled: true, order: 4 }, { id: 'copy-html-image', enabled: true, order: 5 } ] }, 'text-actions': { id: 'text-actions', title: '文本操作', enabled: true, expanded: true, order: 4, items: [ { id: 'copy-selected-text', enabled: true, order: 1 } ] }, 'web-actions': { id: 'web-actions', title: '网页操作', enabled: true, expanded: true, order: 5, items: [ { id: 'open-new-tab', enabled: true, order: 1 }, { id: 'copy-page-url', enabled: true, order: 2 }, { id: 'view-source', enabled: true, order: 3 } ] } } }; // 菜单项元数据定义 const MENU_ITEMS = { 'copy-link-text': { icon: '📝', label: '复制链接文字', group: 'link-actions' }, 'copy-link-url': { icon: '🔗', label: '复制链接地址', group: 'link-actions' }, 'copy-text-url': { icon: '📄', label: '文字 + 链接', group: 'link-actions' }, 'save-link-file': { icon: '💾', label: '从链接另存文件为...', group: 'link-actions' }, 'copy-image-clipboard': { icon: '✂️', label: '复制图片到剪贴板', group: 'image-actions' }, 'copy-image-url': { icon: '🖼️', label: '复制图片地址', group: 'image-actions' }, 'open-image-new-tab': { icon: '➕', label: '新标签页打开图片', group: 'image-actions' }, 'download-image': { icon: '⬇️', label: '另存图片为...', group: 'image-actions' }, 'copy-markdown': { icon: '📋', label: 'Markdown链接', hint: '[文字](链接)', group: 'format-actions' }, 'copy-html': { icon: '🌐', label: 'HTML链接', hint: '<a>标签', group: 'format-actions' }, 'copy-bbcode': { icon: '📋', label: 'BBCode格式', hint: '[url]标签', group: 'format-actions' }, 'copy-markdown-image': { icon: '🖼️', label: 'Markdown图片', hint: '![文字](链接)', group: 'format-actions' }, 'copy-html-image': { icon: '🖼️', label: 'HTML图片', hint: '<img>标签', group: 'format-actions' }, 'copy-selected-text': { icon: '📋', label: '复制选中文字', group: 'text-actions' }, 'open-new-tab': { icon: '➕', label: '新标签页打开', group: 'web-actions' }, 'copy-page-url': { icon: '📄', label: '复制页面地址', group: 'web-actions' }, 'view-source': { icon: '📄', label: '查看源代码', hint: 'Ctrl+U', group: 'web-actions' } }; // 状态变量 let currentLink = null; let currentImage = null; let selectedText = ''; let menuElement = null; let isMenuVisible = false; let config = null; // ==================== 2. 初始化流程 ==================== function init() { loadConfig(); injectStyles(); createMenu(); attachEventListeners(); console.log('右键链接复制器 v2.8 已加载'); } function loadConfig() { const savedConfig = GM_getValue('userConfig'); if (savedConfig) { if (savedConfig.version < DEFAULT_CONFIG.version || !hasNewFeature(savedConfig)) { config = mergeConfig(savedConfig, DEFAULT_CONFIG); saveConfig(); } else { config = savedConfig; } } else { config = JSON.parse(JSON.stringify(DEFAULT_CONFIG)); GM_setValue('userConfig', config); } } function hasNewFeature(conf) { const grp = conf.groups['image-actions']; return grp && grp.items && grp.items.some(i => i.id === 'copy-image-clipboard'); } function mergeConfig(oldConf, newConf) { const merged = JSON.parse(JSON.stringify(oldConf)); merged.version = newConf.version; Object.keys(newConf.groups).forEach(groupId => { if (!merged.groups[groupId]) { merged.groups[groupId] = JSON.parse(JSON.stringify(newConf.groups[groupId])); } else { const oldGroup = merged.groups[groupId]; const newGroup = newConf.groups[groupId]; newGroup.items.forEach(newItem => { const exists = oldGroup.items.find(oldItem => oldItem.id === newItem.id); if (!exists) { oldGroup.items.unshift(newItem); oldGroup.items.forEach((item, idx) => item.order = idx + 1); } }); } }); return merged; } function saveConfig() { GM_setValue('userConfig', config); } // ==================== 3. 样式注入 (已修复CSS作用域问题) ==================== function injectStyles() { const style = document.createElement('style'); // 修复：给所有菜单相关样式添加 #link-menu 前缀，防止污染网页原生元素 style.textContent = ` #link-menu { position: fixed; z-index: 999999; background: ${DESIGN.colors.background}; border-radius: ${DESIGN.borderRadius}px; box-shadow: ${DESIGN.shadows.menu}; font-family: ${DESIGN.fontFamily}; width: ${DESIGN.menuWidth}px; opacity: 0; transform: scale(0.95); transition: all ${DESIGN.animationSpeed}ms ease-out; border: 1px solid ${DESIGN.colors.border}; overflow: hidden; display: none; padding: 4px 0; } #link-menu.visible { opacity: 1; transform: scale(1); } #link-menu .menu-group { padding: 2px 0; border-bottom: 1px solid ${DESIGN.colors.border}; } #link-menu .menu-group:last-child { border-bottom: none; } #link-menu .group-title { font-size: 10px; color: ${DESIGN.colors.subtitle}; padding: 4px 10px 2px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; user-select: none; height: 24px; } #link-menu .group-toggle { font-size: 9px; color: ${DESIGN.colors.primary}; cursor: pointer; padding: 1px 4px; border-radius: 2px; background: rgba(59, 130, 246, 0.1); line-height: 1.2; } #link-menu .menu-item { display: flex; align-items: center; gap: 8px; padding: 4px 10px; cursor: pointer; transition: background-color 0.15s ease; font-size: 12px; color: ${DESIGN.colors.text}; background-color: ${DESIGN.colors.background}; min-height: 28px; height: 28px; line-height: 1.3; } #link-menu .menu-item:hover { background-color: ${DESIGN.colors.hover}; } #link-menu .menu-item.disabled { opacity: 0.5; pointer-events: none; } #link-menu .item-icon { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 12px; color: ${DESIGN.colors.primary}; } #link-menu .item-label { flex: 1; font-size: 12px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #link-menu .item-hint { font-size: 10px; color: ${DESIGN.colors.subtitle}; margin-left: 6px; background: ${DESIGN.colors.hover}; padding: 1px 4px; border-radius: 2px; flex-shrink: 0; line-height: 1.2; } #link-menu .menu-settings { margin-top: 2px; border-top: 1px solid ${DESIGN.colors.border}; padding-top: 2px; } /* 设置面板样式 */ .link-menu-settings.settings-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000000; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease; } .link-menu-settings.settings-overlay.visible { opacity: 1; } .link-menu-settings .settings-panel { background: ${DESIGN.colors.background}; border-radius: ${DESIGN.borderRadius}px; box-shadow: ${DESIGN.shadows.modal}; width: 600px; max-width: 90vw; max-height: 80vh; overflow: hidden; display: flex; flex-direction: column; transform: translateY(-20px); transition: transform 0.2s ease; } .link-menu-settings.settings-overlay.visible .settings-panel { transform: translateY(0); } .link-menu-settings .settings-header { padding: 12px 16px; border-bottom: 1px solid ${DESIGN.colors.border}; display: flex; align-items: center; justify-content: space-between; } .link-menu-settings .settings-title { font-size: 14px; font-weight: 600; color: ${DESIGN.colors.text}; } .link-menu-settings .settings-close { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: ${DESIGN.colors.subtitle}; border-radius: 3px; font-size: 16px; } .link-menu-settings .settings-close:hover { background: ${DESIGN.colors.hover}; } .link-menu-settings .settings-content { padding: 12px; overflow-y: auto; flex: 1; } .link-menu-settings .settings-section { margin-bottom: 12px; } .link-menu-settings .section-title { font-size: 12px; font-weight: 600; color: ${DESIGN.colors.text}; margin-bottom: 6px; line-height: 1.2; } .link-menu-settings .settings-group { background: ${DESIGN.colors.hover}; border-radius: 4px; padding: 8px; margin-bottom: 8px; } .link-menu-settings .group-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .link-menu-settings .group-title-settings { font-size: 12px; font-weight: 600; color: ${DESIGN.colors.text}; line-height: 1.2; } .link-menu-settings .settings-items { display: flex; flex-direction: column; gap: 4px; } .link-menu-settings .settings-item-row { display: flex; align-items: center; padding: 6px 8px; background: ${DESIGN.colors.background}; border-radius: 3px; border: 1px solid ${DESIGN.colors.border}; transition: all 0.2s ease; min-height: 32px; max-height: 32px; overflow: hidden; } .link-menu-settings .settings-item-row:hover { border-color: ${DESIGN.colors.primary}; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); } .link-menu-settings .item-icon-settings { width: 16px; display: flex; align-items: center; justify-content: center; margin-right: 6px; font-size: 12px; flex-shrink: 0; } .link-menu-settings .item-label-settings { flex: 1; font-size: 11px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 4px; } .link-menu-settings .item-hint-settings { font-size: 9px; color: ${DESIGN.colors.subtitle}; background: rgba(0, 0, 0, 0.05); padding: 1px 3px; border-radius: 2px; line-height: 1.1; flex-shrink: 0; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 12px; } .link-menu-settings .item-controls { display: flex; align-items: center; gap: 8px; min-width: 100px; justify-content: flex-end; } .link-menu-settings .order-controls { display: flex; flex-direction: row; gap: 2px; align-items: center; margin-right: 8px; } .link-menu-settings .order-btn { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid ${DESIGN.colors.border}; background: ${DESIGN.colors.background}; color: ${DESIGN.colors.subtitle}; cursor: pointer; border-radius: 2px; font-size: 8px; transition: all 0.2s ease; line-height: 1; flex-shrink: 0; } .link-menu-settings .order-btn:hover { background: ${DESIGN.colors.hover}; color: ${DESIGN.colors.primary}; border-color: ${DESIGN.colors.primary}; } .link-menu-settings .order-btn:disabled { opacity: 0.3; cursor: not-allowed; } .link-menu-settings .toggle-switch { position: relative; display: inline-block; width: 36px; height: 18px; flex-shrink: 0; } .link-menu-settings .toggle-switch input { opacity: 0; width: 0; height: 0; } .link-menu-settings .toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .3s; border-radius: 20px; } .link-menu-settings .toggle-slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: white; transition: .3s; border-radius: 50%; } .link-menu-settings input:checked + .toggle-slider { background-color: ${DESIGN.colors.success}; } .link-menu-settings input:checked + .toggle-slider:before { transform: translateX(18px); } .link-menu-settings .group-controls { display: flex; gap: 4px; } .link-menu-settings .control-btn { padding: 6px 10px; border: 1px solid ${DESIGN.colors.border}; border-radius: 4px; background: ${DESIGN.colors.background}; color: ${DESIGN.colors.text}; font-size: 12px; cursor: pointer; line-height: 1.2; font-weight: 500; transition: all 0.2s ease; min-height: 28px; } .link-menu-settings .control-btn:hover { background: ${DESIGN.colors.hover}; border-color: ${DESIGN.colors.primary}; color: ${DESIGN.colors.primary}; transform: translateY(-1px); } .link-menu-settings .control-btn:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .link-menu-settings .settings-footer { padding: 12px 16px; border-top: 1px solid ${DESIGN.colors.border}; display: flex; justify-content: flex-end; gap: 10px; } .link-menu-settings .btn { padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; border: 1px solid transparent; transition: all 0.2s ease; line-height: 1.2; min-height: 36px; min-width: 80px; display: flex; align-items: center; justify-content: center; } .link-menu-settings .btn-primary { background: ${DESIGN.colors.primary}; color: white; border-color: ${DESIGN.colors.primary}; } .link-menu-settings .btn-primary:hover { background: #2563eb; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); transform: translateY(-1px); } .link-menu-settings .btn-secondary { background: ${DESIGN.colors.background}; color: ${DESIGN.colors.text}; border-color: ${DESIGN.colors.border}; } .link-menu-settings .btn-secondary:hover { background: ${DESIGN.colors.hover}; border-color: ${DESIGN.colors.primary}; color: ${DESIGN.colors.primary}; transform: translateY(-1px); } .link-menu-settings .btn-danger { background: ${DESIGN.colors.error}; color: white; border-color: ${DESIGN.colors.error}; } .link-menu-settings .btn-danger:hover { background: #dc2626; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); transform: translateY(-1px); } /* 通知样式 */ .link-menu-notification.menu-notification { position: fixed; top: 16px; right: 16px; background: ${DESIGN.colors.background}; border-radius: 6px; box-shadow: ${DESIGN.shadows.notification}; padding: 8px 10px; z-index: 1000000; transform: translateX(120%); transition: transform 0.25s ease; border-left: 3px solid ${DESIGN.colors.primary}; max-width: 240px; display: flex; align-items: flex-start; gap: 6px; } .link-menu-notification.menu-notification.show { transform: translateX(0); } .link-menu-notification.menu-notification.notification-success { border-left-color: ${DESIGN.colors.success}; } .link-menu-notification.menu-notification.notification-error { border-left-color: ${DESIGN.colors.error}; } .link-menu-notification.menu-notification.notification-warning { border-left-color: ${DESIGN.colors.warning}; } .link-menu-notification .notification-icon { width: 12px; height: 12px; flex-shrink: 0; font-weight: bold; font-size: 11px; margin-top: 1px; } .link-menu-notification .notification-content { flex: 1; } .link-menu-notification .notification-title { font-weight: 600; font-size: 11px; color: ${DESIGN.colors.text}; margin-bottom: 1px; } .link-menu-notification .notification-message { font-size: 10px; color: ${DESIGN.colors.subtitle}; line-height: 1.3; } @keyframes itemFadeIn { from { opacity: 0; transform: translateX(-5px); } to { opacity: 1; transform: translateX(0); } } #link-menu .animate-in { animation: itemFadeIn 0.15s ease forwards; opacity: 0; } @media (max-width: 768px) { .link-menu-settings .settings-item-row { flex-wrap: wrap; gap: 4px; min-height: auto; max-height: none; padding: 4px 6px; } .link-menu-settings .item-hint-settings { margin-right: 0; order: 3; width: 100%; max-width: none; margin-top: 2px; } .link-menu-settings .item-controls { min-width: auto; margin-left: auto; order: 2; } } `; document.head.appendChild(style); } // ==================== 4. 菜单逻辑 ==================== function createMenu() { const existingMenu = document.getElementById('link-menu'); if (existingMenu) existingMenu.remove(); menuElement = document.createElement('div'); menuElement.id = 'link-menu'; updateMenuContent(); document.body.appendChild(menuElement); } function updateMenuContent() { if (!menuElement) return; const sortedGroups = Object.values(config.groups).filter(group => group.enabled).sort((a, b) => a.order - b.order); let menuHTML = ''; sortedGroups.forEach(group => { const sortedItems = group.items.filter(item => item.enabled).sort((a, b) => a.order - b.order); if (sortedItems.length === 0) return; const shouldShowGroup = (groupId) => { if (groupId === 'text-actions') return !!(selectedText && selectedText.length > 0); if (groupId === 'image-actions') return !!(currentImage); if (groupId === 'format-actions') return true; return true; }; if (!shouldShowGroup(group.id)) return; menuHTML += `

${group.title} ${group.expanded ? '收起' : '展开'}

`; }); menuHTML += ``; menuElement.innerHTML = menuHTML; menuElement.querySelectorAll('.menu-item').forEach(item => item.addEventListener('click', handleMenuClick)); menuElement.querySelectorAll('.group-toggle').forEach(btn => { btn.addEventListener('click', function(e) { e.stopPropagation(); toggleGroupExpanded(this.getAttribute('data-group')); }); }); } function toggleGroupExpanded(groupId) { if (!config.groups[groupId]) return; config.groups[groupId].expanded = !config.groups[groupId].expanded; saveConfig(); updateMenuContent(); } function attachEventListeners() { document.addEventListener('contextmenu', function(e) { const target = e.target; let link = target.closest('a'); let image = null; if (target.tagName === 'IMG') { image = target; const parentLink = target.closest('a'); if (parentLink) link = parentLink; } else { link = target.closest('a'); } if (link || image) { e.preventDefault(); e.stopPropagation(); selectedText = window.getSelection().toString().trim(); currentLink = link; currentImage = image; updateMenuContent(); showMenu(e.clientX, e.clientY); return false; } }, true); document.addEventListener('click', function(e) { if (menuElement && !menuElement.contains(e.target) && isMenuVisible) hideMenu(); }, true); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && isMenuVisible) { hideMenu(); e.preventDefault(); } }); window.addEventListener('resize', function() { if (isMenuVisible) repositionMenu(); }); } function showMenu(x, y) { if (!menuElement) return; menuElement.style.display = 'block'; menuElement.style.left = x + 'px'; menuElement.style.top = y + 'px'; repositionMenu(); setTimeout(() => { menuElement.classList.add('visible'); isMenuVisible = true; setTimeout(() => { const items = menuElement.querySelectorAll('.menu-item:not([style*="display: none"])'); items.forEach((item, index) => { item.style.animationDelay = `${index * 0.012}s`; item.classList.add('animate-in'); }); }, 10); }, 10); } function repositionMenu() { if (!menuElement) return; const rect = menuElement.getBoundingClientRect(); const windowWidth = window.innerWidth; const windowHeight = window.innerHeight; let left = parseInt(menuElement.style.left) || 0; let top = parseInt(menuElement.style.top) || 0; if (left + rect.width > windowWidth) left = Math.max(10, windowWidth - rect.width - 10); if (top + rect.height > windowHeight) top = Math.max(10, windowHeight - rect.height - 10); menuElement.style.left = left + 'px'; menuElement.style.top = top + 'px'; } function hideMenu() { if (menuElement) { menuElement.classList.remove('visible'); isMenuVisible = false; menuElement.querySelectorAll('.menu-item').forEach(item => { item.classList.remove('animate-in'); item.style.animationDelay = ''; }); setTimeout(() => { if (!isMenuVisible) { menuElement.style.display = 'none'; currentLink = null; currentImage = null; selectedText = ''; } }, 100); } } function handleMenuClick(e) { const action = this.getAttribute('data-action'); if (action === 'open-settings') { openSettings(); hideMenu(); return; } if (action === 'toggle-group') return; const itemConfig = findItemConfig(action); if (itemConfig && !itemConfig.enabled) { showNotification('功能已禁用', '该功能已在设置中禁用', 'warning'); return; } if ((action.startsWith('copy-image-') || action === 'open-image-new-tab' || action === 'download-image') && !currentImage) { showNotification('错误', '没有找到图片', 'error'); hideMenu(); return; } switch(action) { case 'copy-link-text': copyLinkText(); break; case 'copy-link-url': copyLinkUrl(); break; case 'copy-text-url': copyTextAndUrl(); break; case 'save-link-file': saveLinkFile(); break; case 'copy-image-clipboard': copyImageToClipboard(); break; case 'copy-image-url': copyImageUrl(); break; case 'open-image-new-tab': openImageNewTab(); break; case 'download-image': downloadImage(); break; case 'copy-markdown': copyAsMarkdown(); break; case 'copy-html': copyAsHtml(); break; case 'copy-bbcode': copyAsBBCode(); break; case 'copy-markdown-image': copyAsMarkdownImage(); break; case 'copy-html-image': copyAsHtmlImage(); break; case 'copy-selected-text': copySelectedText(); break; case 'open-new-tab': openNewTab(); break; case 'copy-page-url': copyPageUrl(); break; case 'view-source': viewSource(); break; } hideMenu(); } // ==================== 5. 辅助与核心功能 ==================== function findItemConfig(itemId) { for (const group of Object.values(config.groups)) { const item = group.items.find(i => i.id === itemId); if (item) return item; } return null; } function getLinkText(link) { if (!link) return ''; let text = link.innerText || link.textContent || ''; text = text.replace(/\s+/g, ' ').trim(); if (!text) { text = link.getAttribute('title') || link.getAttribute('aria-label') || link.querySelector('img[alt]')?.getAttribute('alt') || ''; } return text; } function getImageInfo(img) { if (!img) return null; const src = img.src || img.getAttribute('data-src') || img.getAttribute('srcset')?.split(',')[0]?.split(' ')[0]; const alt = img.alt || img.title || img.getAttribute('aria-label') || ''; const width = img.naturalWidth || img.width; const height = img.naturalHeight || img.height; return { src, alt, width, height }; } function extractFilename(url) { if(!url) return 'file'; const parts = url.split('/'); let name = parts[parts.length-1].split('?')[0].split('#')[0]; if(!name) name = 'file_' + Date.now(); return name; } function downloadFileWithSaveDialog(url, filename) { try { GM_download({ url: url, name: filename, saveAs: true, onload: () => showNotification('下载完成', `已保存: ${filename}`, 'success'), onerror: (err) => { console.error(err); const a = document.createElement('a'); a.href = url; a.download = filename; a.click(); } }); } catch (e) { const a = document.createElement('a'); a.href = url; a.download = filename; a.click(); } showNotification('下载开始', `正在下载: ${filename}`); } // ==================== 图片复制核心功能 ==================== function copyImageToClipboard() { if (!currentImage) { showNotification('错误', '未找到图片', 'error'); return; } const imgInfo = getImageInfo(currentImage); if (!imgInfo || !imgInfo.src) { showNotification('错误', '无法获取图片地址', 'error'); return; } showNotification('处理中', '正在获取图片数据...', 'warning'); GM_xmlhttpRequest({ method: "GET", url: imgInfo.src, responseType: "blob", onload: function(response) { if (response.status !== 200) { showNotification('错误', '图片下载失败: ' + response.status, 'error'); return; } const blob = response.response; if (blob.type === 'image/png') { writeBlobToClipboard(blob); } else { convertBlobToPng(blob, function(pngBlob) { if (pngBlob) { writeBlobToClipboard(pngBlob); } else { showNotification('错误', '图片格式转换失败', 'error'); } }); } }, onerror: function(err) { console.error(err); showNotification('错误', '网络请求失败，可能是跨域问题', 'error'); } }); } function convertBlobToPng(blob, callback) { const url = URL.createObjectURL(blob); const img = new Image(); img.onload = function() { try { const canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); canvas.toBlob(function(pngBlob) { URL.revokeObjectURL(url); callback(pngBlob); }, 'image/png'); } catch (e) { console.error('Canvas conversion failed', e); URL.revokeObjectURL(url); callback(null); } }; img.onerror = function() { URL.revokeObjectURL(url); callback(null); }; img.src = url; } function writeBlobToClipboard(blob) { try { const item = new ClipboardItem({ [blob.type]: blob }); navigator.clipboard.write([item]).then(() => { showNotification('成功', '图片已复制到剪贴板', 'success'); }).catch(err => { console.error('Clipboard write failed:', err); showNotification('错误', '写入剪贴板失败 (浏览器限制)', 'error'); }); } catch (err) { console.error('ClipboardItem error:', err); showNotification('错误', '当前浏览器不支持此操作', 'error'); } } // ==================== 功能实现 ==================== function getRealFilename(url, cb) { cb(extractFilename(url), null); } function copyLinkText() { if(currentLink) GM_setClipboard(getLinkText(currentLink)); showNotification('复制成功', '已复制链接文字'); } function copyLinkUrl() { if(currentLink) GM_setClipboard(currentLink.href); showNotification('复制成功', '已复制链接地址'); } function copyTextAndUrl() { if(currentLink) GM_setClipboard(getLinkText(currentLink) + '\n' + currentLink.href); showNotification('复制成功', '已复制文字+链接'); } function saveLinkFile() { if(!currentLink) return; getRealFilename(currentLink.href, (name) => downloadFileWithSaveDialog(currentLink.href, name)); } function copyImageUrl() { const info = getImageInfo(currentImage); if(info) { GM_setClipboard(info.src); showNotification('复制成功', '已复制图片地址'); } } function openImageNewTab() { const info = getImageInfo(currentImage); if(info) GM_openInTab(info.src, {active:true}); } function downloadImage() { const info = getImageInfo(currentImage); if(info) downloadFileWithSaveDialog(info.src, extractFilename(info.src)); } function copyAsMarkdown() { if(currentLink) GM_setClipboard(`[${getLinkText(currentLink)}](${currentLink.href})`); showNotification('复制成功', 'Markdown'); } function copyAsHtml() { if(currentLink) GM_setClipboard(`${getLinkText(currentLink)}`); showNotification('复制成功', 'HTML'); } function copyAsBBCode() { if(currentLink) GM_setClipboard(`[url=${currentLink.href}]${getLinkText(currentLink)}[/url]`); showNotification('复制成功', 'BBCode'); } function copyAsMarkdownImage() { const info = getImageInfo(currentImage); if(info) GM_setClipboard(`![${info.alt}](${info.src})`); showNotification('复制成功', 'Markdown Image'); } function copyAsHtmlImage() { const info = getImageInfo(currentImage); if(info) GM_setClipboard(`

`); showNotification('复制成功', 'HTML Image'); } function copySelectedText() { if(selectedText) GM_setClipboard(selectedText); showNotification('复制成功', '已复制选中文本'); } function openNewTab() { if(currentLink) GM_openInTab(currentLink.href, {active:true}); } function copyPageUrl() { GM_setClipboard(window.location.href); showNotification('复制成功', '已复制页面地址'); } function viewSource() { GM_openInTab(`view-source:${window.location.href}`, {active:true}); } function showNotification(title, message, type = 'success') { const oldNotification = document.querySelector('.link-menu-notification.menu-notification'); if (oldNotification) oldNotification.remove(); const notification = document.createElement('div'); notification.className = `menu-notification notification-${type} link-menu-notification`; const icon = type === 'success' ? '✓' : type === 'error' ? '✗' : '⚠'; notification.innerHTML = `

${icon}

${title}

${message}

`; document.body.appendChild(notification); setTimeout(() => notification.classList.add('show'), 10); setTimeout(() => { notification.classList.remove('show'); setTimeout(() => notification.remove(), 200); }, 1500); } // ==================== 6. 设置面板 (完整逻辑 - 修复分组排序) ==================== function openSettings() { const overlay = document.createElement('div'); overlay.className = 'settings-overlay link-menu-settings'; overlay.innerHTML = `

右键链接复制器 - 设置

功能分组设置（点击上下箭头调整顺序，点击开关启用/禁用）

`; document.body.appendChild(overlay); renderSettingsContent(); setTimeout(() => { overlay.classList.add('visible'); }, 10); overlay.querySelector('.settings-close').onclick = closeSettings; overlay.querySelector('#save-settings').onclick = () => { saveSettingsFromUI(); closeSettings(); showNotification('设置已保存', '设置已成功保存并应用', 'success'); }; overlay.querySelector('#reset-settings').onclick = () => { if (confirm('确定要重置所有设置吗？这将恢复默认配置。')) { config = JSON.parse(JSON.stringify(DEFAULT_CONFIG)); saveConfig(); renderSettingsContent(); showNotification('设置已重置', '已恢复默认设置', 'success'); } }; overlay.onclick = (e) => { if (e.target === overlay) closeSettings(); }; } function closeSettings() { const overlay = document.querySelector('.link-menu-settings.settings-overlay'); if (overlay) { overlay.classList.remove('visible'); setTimeout(() => { if (overlay.parentNode) overlay.parentNode.removeChild(overlay); }, 200); } } function renderSettingsContent() { const groupsContainer = document.getElementById('settings-groups'); if (!groupsContainer) return; const sortedGroups = Object.values(config.groups).sort((a, b) => a.order - b.order); groupsContainer.innerHTML = ''; sortedGroups.forEach((group, index) => { const groupElement = document.createElement('div'); groupElement.className = 'settings-group'; // 修复：添加分组排序按钮 const isFirst = index === 0; const isLast = index === sortedGroups.length - 1; groupElement.innerHTML = `

${group.title}

`; groupsContainer.appendChild(groupElement); // 分组项渲染 const itemsContainer = groupElement.querySelector(`#items-${group.id}`); const sortedItems = group.items.sort((a, b) => a.order - b.order); sortedItems.forEach((item, itemIndex) => { const itemDef = MENU_ITEMS[item.id]; if (!itemDef) return; const row = document.createElement('div'); row.className = 'settings-item-row'; const isItemFirst = itemIndex === 0; const isItemLast = itemIndex === sortedItems.length - 1; row.innerHTML = `

${itemDef.icon}

${itemDef.label}

`; itemsContainer.appendChild(row); }); // 绑定事件 groupElement.querySelector('[data-action="toggle-group-enabled"]').onclick = () => toggleGroupEnabled(group.id); groupElement.querySelector('[data-action="move-group-up"]').onclick = () => moveGroup(group.id, -1); groupElement.querySelector('[data-action="move-group-down"]').onclick = () => moveGroup(group.id, 1); groupElement.querySelectorAll('[data-action="move-item-up"]').forEach(btn => btn.onclick = function() { moveItem(this.dataset.group, this.dataset.item, -1); }); groupElement.querySelectorAll('[data-action="move-item-down"]').forEach(btn => btn.onclick = function() { moveItem(this.dataset.group, this.dataset.item, 1); }); }); } function toggleGroupEnabled(groupId) { if (!config.groups[groupId]) return; config.groups[groupId].enabled = !config.groups[groupId].enabled; config.groups[groupId].items.forEach(item => { item.enabled = config.groups[groupId].enabled; }); renderSettingsContent(); } // 新增：移动分组逻辑 function moveGroup(groupId, direction) { const groupsArr = Object.values(config.groups).sort((a, b) => a.order - b.order); const idx = groupsArr.findIndex(g => g.id === groupId); if ((direction === -1 && idx > 0) || (direction === 1 && idx < groupsArr.length - 1)) { const tempOrder = groupsArr[idx].order; groupsArr[idx].order = groupsArr[idx + direction].order; groupsArr[idx + direction].order = tempOrder; saveConfig(); // 保存配置 renderSettingsContent(); // 刷新设置面板 updateMenuContent(); // 刷新实际菜单 } } function moveItem(groupId, itemId, direction) { const group = config.groups[groupId]; if (!group) return; const items = group.items.sort((a, b) => a.order - b.order); const idx = items.findIndex(item => item.id === itemId); if ((direction === -1 && idx > 0) || (direction === 1 && idx < items.length - 1)) { const tempOrder = items[idx].order; items[idx].order = items[idx + direction].order; items[idx + direction].order = tempOrder; renderSettingsContent(); } } function saveSettingsFromUI() { document.querySelectorAll('.link-menu-settings .toggle-switch input').forEach(checkbox => { const itemId = checkbox.getAttribute('data-item'); if (checkbox.disabled) return; for (const group of Object.values(config.groups)) { const item = group.items.find(item => item.id === itemId); if (item) item.enabled = checkbox.checked; } }); saveConfig(); updateMenuContent(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();