从linux do论坛页面获取文章的板块、标题、链接、标签和内容总结，并在标题旁添加复制按钮。支持设置界面配置。
// ==UserScript==
// @name Linuxdo-share
// @namespace http://tampermonkey.net/
// @version 0.15.36
// @description 从linux do论坛页面获取文章的板块、标题、链接、标签和内容总结，并在标题旁添加复制按钮。支持设置界面配置。
// @icon data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cmVjdCB4PSIxOCIgeT0iMTQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzOCIgcng9IjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRlNTk2OSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHJlY3QgeD0iMTIiIHk9IjIwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzgiIHJ4PSI2IiBmaWxsPSJub25lIiBzdHJva2U9IiMxNjRkZTUiIHN0cm9rZS13aWR0aD0iNCIvPjwvc3ZnPg==
// @icon64 data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cmVjdCB4PSIxOCIgeT0iMTQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzOCIgcng9IjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRlNTk2OSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHJlY3QgeD0iMTIiIHk9IjIwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzgiIHJ4PSI2IiBmaWxsPSJub25lIiBzdHJva2U9IiMxNjRkZTUiIHN0cm9rZS13aWR0aD0iNCIvPjwvc3ZnPg==
// @author @Loveyless https://github.com/Loveyless/linuxdo-share
// @match *://*.linux.do/*
// @match *://*.idcflare.com/*
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// @run-at document-idle // 更可靠的运行时间，等待DOM和资源加载完成且浏览器空闲
// ==/UserScript==
(function () {
'use strict';
// #region 脚本配置与常量
// ==========================================================
/**
* @description 默认配置项，当油猴存储中没有对应值时使用。
*/
const DEFAULT_CONFIG = {
// 是否启用简洁模式：标题+摘要合并一段，隐藏作者/板块/标签，链接单独一行
COMPACT_MODE: false,
// 是否启用 AI 进行内容总结
USE_AI_FOR_SUMMARY: false,
// AI Key，如果 USE_AI_FOR_SUMMARY 为 true，则需要填写此项
API_KEY: '',
// API 地址 (OpenAI Compatible 格式，完整地址如 https://api.openai.com/v1/chat/completions)
API_BASE_URL: 'https://api.openai.com/v1/chat/completions',
// 模型名称
MODEL_NAME: 'gpt-4o-mini',
// 总结后的最大字符数
LOCAL_SUMMARY_MAX_CHARS: 90,
// 自定义总结 Prompt
CUSTOM_SUMMARY_PROMPT: `你是一个信息获取专家，可以精准的总结文章的精华内容和重点，请对以下文章内容进行归纳总结，回复不要有对我的问候语，或者(你好这是我的总结)(总结)等类似废话，直接返回你的总结，长度不超过{maxChars}个字符（或尽可能短，保持中文语义完整）： {content}`,
// 文章复制模板
ARTICLE_COPY_TEMPLATE: [
`{{title}}`,
`@{{username}}-{{category}}/{{tags}}`,
``,
`{{summary}}`,
`{{link}}`,
].join('\n')
};
/**
* @description 脚本内部使用的常量配置
*/
const SCRIPT_CONSTANTS = {
// API 请求超时时间 (毫秒)
API_TIMEOUT_MS: 30000,
// AI 总结时发送的最大内容长度
AI_CONTENT_MAX_LENGTH: 4000,
// 脚本初始化节流时间 (毫秒)
INIT_THROTTLE_MS: 300,
// 复制成功提示显示时间 (毫秒)
COPY_SUCCESS_DURATION_MS: 2000,
// 复制失败提示显示时间 (毫秒)
COPY_FAILURE_DURATION_MS: 3000,
// 设置保存后关闭延迟 (毫秒)
SETTINGS_CLOSE_DELAY_MS: 300,
// Dialog 关闭动画时间 (毫秒)
DIALOG_CLOSE_ANIMATION_MS: 200,
// 历史复制内容：存储空间不足时的保底条数
COPY_HISTORY_FALLBACK_LIMIT: 20
};
// #endregion
// #region 配置管理
// ==========================================================
/**
* @description 从油猴存储中获取指定键的配置值。
* @param {string} key - 配置项的键名。
* @returns {*} 对应配置项的值，如果不存在则返回默认值。
*/
function getConfig(key) {
return GM_getValue(key, DEFAULT_CONFIG[key]);
}
/**
* @description 将配置值保存到油猴存储中。
* @param {string} key - 配置项的键名。
* @param {*} value - 要保存的配置值。
*/
function setConfig(key, value) {
GM_setValue(key, value);
}
/**
* @description 创建一个动态配置代理对象。
* 当访问 CONFIG.someKey 时，会自动调用 getConfig('someKey')。
* 当设置 CONFIG.someKey = value 时，会自动调用 setConfig('someKey', value)。
*/
const CONFIG = new Proxy({}, {
get(target, prop) {
return getConfig(prop);
},
set(target, prop, value) {
setConfig(prop, value);
return true;
}
});
// #endregion
// #region 样式注入
// ==========================================================
/**
* @description 脚本所需的全部 CSS 样式字符串。
*/
const copyBtnStyle = /*css*/`
.copy-button { /* 统一命名为 .copy-button */
--button-bg: #e5e6eb;
--button-hover-bg: #d7dbe2;
--button-text-color: #4e5969;
--button-hover-text-color: #164de5;
--button-border-radius: 6px;
--button-diameter: 24px;
--button-outline-width: 2px;
--button-outline-color: #9f9f9f;
--tooltip-bg: #1d2129;
--tooltip-border-radius: 4px;
--tooltip-font-family: JetBrains Mono, Consolas, Menlo, Roboto Mono, monospace;
--tooltip-font-size: 12px;
--tooltip-text-color: #fff;
--tooltip-padding-x: 7px;
--tooltip-padding-y: 7px;
--tooltip-offset: 8px;
}
html[style*="color-scheme: dark"] .copy-button,
html.dark .copy-button {
--button-bg: #353434;
--button-hover-bg: #464646;
--button-text-color: #ccc;
--button-outline-color: #999;
--button-hover-text-color: #8bb9fe;
--tooltip-bg: #f4f3f3;
--tooltip-text-color: #111;
}
.copy-button {
box-sizing: border-box;
width: var(--button-diameter);
height: var(--button-diameter);
border-radius: var(--button-border-radius);
background-color: var(--button-bg);
color: var(--button-text-color);
border: none;
cursor: pointer;
position: relative;
outline: var(--button-outline-width) solid transparent;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-left: 8px;
}
/* 调整标题的父元素 (h1[data-topic-id]) 为 flex 布局，确保按钮能紧随标题且对齐 */
h1[data-topic-id] {
display: flex !important; /* 强制 flexbox */
align-items: center !important; /* 垂直居中对齐 */
gap: 8px; /* 增加标题和按钮之间的间距 */
}
h1[data-topic-id] .fancy-title {
margin-right: 0 !important; /* 覆盖可能存在的右外边距 */
}
.tooltip {
position: absolute;
opacity: 0;
left: calc(100% + var(--tooltip-offset));
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
font: var(--tooltip-font-size) var(--tooltip-font-family);
color: var(--tooltip-text-color);
background: var(--tooltip-bg);
padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
border-radius: var(--tooltip-border-radius);
pointer-events: none;
transition: all var(--tooltip-transition-duration, 0.3s) cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: 1000;
}
.tooltip::before {
content: attr(data-text-initial);
}
.tooltip::after {
content: "";
width: var(--tooltip-padding-y);
height: var(--tooltip-padding-y);
background: inherit;
position: absolute;
top: 50%;
left: calc(var(--tooltip-padding-y) / 2 * -1);
transform: translateY(-50%) rotate(45deg);
z-index: -999;
pointer-events: none;
}
.copy-button svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.checkmark,
.failedmark {
display: none;
}
.copy-button:hover .tooltip,
.copy-button:focus:not(:focus-visible) .tooltip {
opacity: 1;
visibility: visible;
}
.copy-button:focus:not(:focus-visible) .tooltip::before {
content: attr(data-text-end);
}
.copy-button.copy-failed:focus:not(:focus-visible) .tooltip::before {
content: attr(data-text-failed);
}
.copy-button:focus:not(:focus-visible) .clipboard {
display: none;
}
.copy-button:focus:not(:focus-visible) .checkmark {
display: block;
}
.copy-button.copy-failed:focus:not(:focus-visible) .checkmark {
display: none;
}
.copy-button.copy-failed:focus:not(:focus-visible) .failedmark {
display: block;
}
.copy-button:hover,
.copy-button:focus {
background-color: var(--button-hover-bg);
}
.copy-button:active {
outline: var(--button-outline-width) solid var(--button-outline-color);
}
.copy-button:hover svg {
color: var(--button-hover-text-color);
}
@keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.6;
}
}
/* 当按钮处于 loading 状态时，应用脉冲动画 */
.copy-button.loading {
animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.copy-button.loading .checkmark,
.copy-button.loading .failedmark {
display: none; /* Loading 时隐藏对勾和叉号 */
}
/* 设置界面样式 - shadcn 风格（简约） */
.linuxdo-settings-dialog {
/* 优先使用 Discourse 主题变量，自动适配深浅色；无变量时回退到浅色 */
--ld-bg: var(--secondary, #ffffff);
--ld-fg: var(--primary, #0f172a);
--ld-muted: var(--primary-very-low, #f1f5f9);
--ld-muted-fg: var(--primary-medium, #64748b);
--ld-card: var(--secondary, #ffffff);
--ld-border: var(--content-border-color, rgba(15, 23, 42, 0.12));
--ld-ring: var(--tertiary-low, rgba(59, 130, 246, 0.45));
--ld-primary: var(--primary, #0f172a);
--ld-primary-fg: var(--secondary, #ffffff);
border: none;
padding: 0;
width: min(720px, calc(100vw - 24px));
max-height: min(85vh, 760px);
background: transparent;
overflow: visible;
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}
.linuxdo-settings-dialog,
.linuxdo-settings-dialog * {
box-sizing: border-box;
}
html[style*="color-scheme: dark"] .linuxdo-settings-dialog,
html.dark .linuxdo-settings-dialog {
/* 深色模式兜底：仅当站点未提供主题变量时生效 */
--ld-bg: var(--secondary, #0b1220);
--ld-fg: var(--primary, #e2e8f0);
--ld-muted: var(--primary-very-low, rgba(148, 163, 184, 0.12));
--ld-muted-fg: var(--primary-medium, #94a3b8);
--ld-card: var(--secondary, #0f172a);
--ld-border: var(--content-border-color, rgba(148, 163, 184, 0.18));
--ld-ring: var(--tertiary-low, rgba(59, 130, 246, 0.55));
--ld-primary: var(--primary, #e2e8f0);
--ld-primary-fg: var(--secondary, #0b1220);
}
.linuxdo-settings-dialog::backdrop {
background: rgba(2, 6, 23, 0.65);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.linuxdo-settings-content {
background: var(--ld-bg);
color: var(--ld-fg);
border: 1px solid var(--ld-border);
border-radius: 12px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
display: flex;
flex-direction: column;
max-height: inherit;
overflow: hidden;
}
.linuxdo-settings-dialog[closing] .linuxdo-settings-content {
animation: ldDialogOut 0.16s ease-in forwards;
}
@keyframes ldDialogOut {
to { opacity: 0; transform: translateY(6px) scale(0.985); }
}
.linuxdo-settings-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 16px 18px;
border-bottom: 1px solid var(--ld-border);
background: var(--ld-bg);
flex-shrink: 0;
}
.linuxdo-settings-title {
font-size: 16px;
font-weight: 600;
line-height: 1.25;
margin: 0;
letter-spacing: -0.01em;
}
.linuxdo-settings-subtitle {
margin: 6px 0 0;
font-size: 12px;
color: var(--ld-muted-fg);
line-height: 1.3;
}
.linuxdo-settings-close {
appearance: none;
border: 1px solid var(--ld-border);
background: transparent;
color: var(--ld-muted-fg);
border-radius: 10px;
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
flex-shrink: 0;
line-height: 1;
}
.linuxdo-settings-close:hover {
background: var(--ld-muted);
color: var(--ld-fg);
}
.linuxdo-settings-close:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--ld-ring);
}
.linuxdo-settings-form {
padding: 18px;
overflow-y: auto;
flex: 1;
}
.linuxdo-settings-section + .linuxdo-settings-section {
margin-top: 18px;
}
.linuxdo-settings-section-header {
margin-bottom: 10px;
}
.linuxdo-settings-section-title {
font-size: 12px;
font-weight: 600;
color: var(--ld-muted-fg);
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 4px;
}
.linuxdo-settings-section-desc {
margin: 0;
font-size: 12px;
color: var(--ld-muted-fg);
}
.linuxdo-settings-card {
border: 1px solid var(--ld-border);
border-radius: 12px;
background: var(--ld-card);
padding: 14px;
display: flex;
flex-direction: column;
gap: 14px;
}
.linuxdo-settings-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.linuxdo-settings-item-text {
min-width: 0;
flex: 1;
}
.linuxdo-settings-item-label {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--ld-fg);
margin: 0;
}
.linuxdo-settings-description {
font-size: 12px;
color: var(--ld-muted-fg);
margin-top: 6px;
line-height: 1.4;
}
.linuxdo-settings-separator {
height: 1px;
width: 100%;
background: var(--ld-border);
}
.linuxdo-settings-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.linuxdo-settings-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.linuxdo-settings-label {
font-size: 11px;
font-weight: 500;
color: var(--ld-fg);
}
.linuxdo-settings-input,
.linuxdo-settings-textarea {
width: 100%;
border: 1px solid var(--ld-border);
background: var(--ld-bg);
color: var(--ld-fg);
border-radius: 9px;
padding: 7px 9px;
font-size: 11px;
line-height: 1.4;
font-family: inherit;
outline: none;
transition: box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.linuxdo-settings-control {
display: inline-flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.linuxdo-settings-input.small {
width: 68px;
text-align: center;
padding: 6px 8px;
}
.linuxdo-settings-unit {
font-size: 11px;
color: var(--ld-muted-fg);
line-height: 1;
}
.linuxdo-settings-input::placeholder,
.linuxdo-settings-textarea::placeholder {
color: var(--ld-muted-fg);
}
.linuxdo-settings-input:focus-visible,
.linuxdo-settings-textarea:focus-visible {
box-shadow: 0 0 0 3px var(--ld-ring);
border-color: rgba(59, 130, 246, 0.65);
}
.linuxdo-settings-textarea {
resize: vertical;
min-height: 90px;
}
/* Switch */
.linuxdo-settings-switch {
position: relative;
width: 44px;
height: 24px;
flex-shrink: 0;
}
.linuxdo-settings-switch input {
opacity: 0;
width: 0;
height: 0;
}
.linuxdo-settings-switch-slider {
position: absolute;
inset: 0;
border-radius: 999px;
border: 1px solid var(--ld-border);
background: var(--ld-muted);
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.linuxdo-settings-switch-slider:before {
position: absolute;
content: "";
top: 2px;
left: 2px;
width: 20px;
height: 20px;
border-radius: 999px;
background: var(--ld-bg);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
transition: transform 0.15s ease, background 0.15s ease;
}
.linuxdo-settings-switch input:checked + .linuxdo-settings-switch-slider {
background: var(--ld-primary);
border-color: var(--ld-primary);
}
.linuxdo-settings-switch input:checked + .linuxdo-settings-switch-slider:before {
transform: translateX(20px);
background: var(--ld-primary-fg);
}
.linuxdo-settings-switch input:focus-visible + .linuxdo-settings-switch-slider {
box-shadow: 0 0 0 3px var(--ld-ring);
}
.linuxdo-settings-footer {
display: flex;
gap: 10px;
padding: 14px 18px;
padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
border-top: 1px solid var(--ld-border);
background: var(--ld-bg);
flex-shrink: 0;
}
.linuxdo-settings-button {
flex: 1;
padding: 10px 14px;
border-radius: 10px;
border: 1px solid var(--ld-border);
background: transparent;
color: var(--ld-fg);
cursor: pointer;
font-size: 13px;
font-weight: 500;
font-family: inherit;
transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}
.linuxdo-settings-button:hover {
background: var(--ld-muted);
}
.linuxdo-settings-button:active {
transform: translateY(1px);
}
.linuxdo-settings-button:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--ld-ring);
}
.linuxdo-settings-button.primary {
background: var(--ld-primary);
border-color: var(--ld-primary);
color: var(--ld-primary-fg);
}
.linuxdo-settings-button.primary:hover {
filter: brightness(0.98);
}
@media (max-width: 520px) {
.linuxdo-settings-dialog {
width: calc(100vw - 16px);
max-height: 92vh;
}
.linuxdo-settings-form {
padding: 14px;
}
.linuxdo-settings-header,
.linuxdo-settings-footer {
padding-left: 14px;
padding-right: 14px;
}
.linuxdo-settings-grid {
grid-template-columns: 1fr;
}
}
/* 历史复制内容（搜索框右侧） */
.linuxdo-copy-history-trigger {
--ld-h-bg: var(--secondary, #ffffff);
--ld-h-fg: var(--primary, #0f172a);
--ld-h-muted: var(--primary-very-low, #f1f5f9);
--ld-h-muted-fg: var(--primary-medium, #64748b);
--ld-h-border: var(--primary-low, rgba(15, 23, 42, 0.12));
--ld-h-ring: var(--tertiary-low, rgba(59, 130, 246, 0.45));
appearance: none;
border: 1px solid var(--ld-h-border);
background: transparent;
color: var(--ld-h-muted-fg);
width: 32px;
height: 32px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-left: 2px;
margin-right: 2px;
transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
html[style*="color-scheme: dark"] .linuxdo-copy-history-trigger,
html.dark .linuxdo-copy-history-trigger {
--ld-h-bg: var(--secondary, #111827);
--ld-h-fg: var(--primary, #e5e7eb);
--ld-h-muted: var(--primary-very-low, rgba(148, 163, 184, 0.12));
--ld-h-muted-fg: var(--primary-medium, #9ca3af);
--ld-h-border: var(--primary-low, rgba(148, 163, 184, 0.18));
--ld-h-ring: var(--tertiary-low, rgba(59, 130, 246, 0.55));
}
.linuxdo-copy-history-trigger:hover {
background: var(--ld-h-muted);
color: var(--ld-h-fg);
}
.linuxdo-copy-history-trigger:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-trigger svg {
width: 16px;
height: 16px;
display: block;
}
.linuxdo-copy-history-popover {
--ld-h-bg: var(--secondary, #ffffff);
--ld-h-fg: var(--primary, #0f172a);
--ld-h-muted: var(--primary-very-low, #f1f5f9);
--ld-h-muted-fg: var(--primary-medium, #64748b);
--ld-h-border: var(--primary-low, rgba(15, 23, 42, 0.12));
--ld-h-ring: var(--tertiary-low, rgba(59, 130, 246, 0.18));
position: fixed;
z-index: 100000;
width: min(520px, calc(100vw - 24px));
max-height: min(70vh, 520px);
overflow: auto;
background: var(--ld-h-bg);
color: var(--ld-h-fg);
border: 1px solid var(--ld-h-border);
border-radius: 12px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
padding: 10px;
display: none;
}
html[style*="color-scheme: dark"] .linuxdo-copy-history-popover,
html.dark .linuxdo-copy-history-popover {
--ld-h-bg: var(--secondary, #111827);
--ld-h-fg: var(--primary, #e5e7eb);
--ld-h-muted: var(--primary-very-low, rgba(148, 163, 184, 0.12));
--ld-h-muted-fg: var(--primary-medium, #9ca3af);
--ld-h-border: var(--primary-low, rgba(148, 163, 184, 0.18));
--ld-h-ring: var(--tertiary-low, rgba(59, 130, 246, 0.24));
box-shadow: 0 24px 90px rgba(0, 0, 0, 0.52);
}
.linuxdo-copy-history-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 2px 2px 10px;
border-bottom: 1px solid var(--ld-h-border);
margin-bottom: 8px;
}
.linuxdo-copy-history-header-left {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.linuxdo-copy-history-title {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--ld-h-muted-fg);
}
.linuxdo-copy-history-select-all {
display: inline-flex;
align-items: center;
gap: 6px;
height: 24px;
padding: 0 10px;
border-radius: 10px;
border: 1px solid var(--ld-h-border);
background: transparent;
font-size: 12px;
font-weight: 500;
line-height: 1;
color: var(--ld-h-muted-fg);
user-select: none;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}
.linuxdo-copy-history-select-all:hover {
background: var(--ld-h-muted);
color: var(--ld-h-fg);
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-select-all:active {
transform: translateY(1px);
}
.linuxdo-copy-history-select-all input[type="checkbox"] {
width: 14px;
height: 14px;
margin: 0;
display: block;
cursor: pointer;
accent-color: var(--tertiary, #3b82f6);
}
.linuxdo-copy-history-settings-btn,
.linuxdo-copy-history-delete-btn {
appearance: none;
border: 1px solid var(--ld-h-border);
background: transparent;
color: var(--ld-h-muted-fg);
height: 24px;
padding: 0 10px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 12px;
font-weight: 500;
line-height: 1;
transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}
.linuxdo-copy-history-settings-btn:hover,
.linuxdo-copy-history-delete-btn:hover {
background: var(--ld-h-muted);
color: var(--ld-h-fg);
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-settings-btn:active,
.linuxdo-copy-history-delete-btn:active {
transform: translateY(1px);
}
.linuxdo-copy-history-settings-btn:focus-visible,
.linuxdo-copy-history-delete-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-delete-btn {
color: var(--danger, #b91c1c);
}
.linuxdo-copy-history-delete-btn:hover {
background: var(--danger-low, rgba(239, 68, 68, 0.12));
color: var(--danger, #991b1b);
box-shadow: 0 0 0 3px var(--danger-low, rgba(239, 68, 68, 0.22));
}
.linuxdo-copy-history-delete-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.linuxdo-copy-history-delete-btn:disabled:hover {
background: transparent;
color: var(--ld-h-muted-fg);
box-shadow: none;
}
.linuxdo-copy-history-hint {
font-size: 12px;
color: var(--ld-h-muted-fg);
white-space: nowrap;
}
.linuxdo-copy-history-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.linuxdo-copy-history-item {
border: 1px solid var(--ld-h-border);
border-radius: 12px;
padding: 10px;
background: transparent;
transition: background 0.15s ease, box-shadow 0.15s ease;
}
.linuxdo-copy-history-item.is-selected {
background: var(--ld-h-muted);
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-item:hover {
background: var(--ld-h-muted);
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-item-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.linuxdo-copy-history-item-checkbox-wrap {
display: inline-flex;
align-items: flex-start;
padding-top: 2px;
flex-shrink: 0;
}
.linuxdo-copy-history-item-checkbox {
width: 14px;
height: 14px;
margin: 0;
display: block;
cursor: pointer;
accent-color: var(--tertiary, #3b82f6);
}
.linuxdo-copy-history-item-text {
min-width: 0;
flex: 1;
}
.linuxdo-copy-history-item-title {
font-size: 13px;
font-weight: 600;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.linuxdo-copy-history-item-snippet {
margin-top: 4px;
font-size: 12px;
color: var(--ld-h-muted-fg);
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.linuxdo-copy-history-actions {
display: flex;
gap: 6px;
flex-shrink: 0;
}
.linuxdo-copy-history-btn {
appearance: none;
border: 1px solid var(--ld-h-border);
background: transparent;
color: var(--ld-h-fg);
border-radius: 10px;
padding: 6px 10px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
white-space: nowrap;
}
.linuxdo-copy-history-btn:hover {
background: var(--ld-h-muted);
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-btn:active {
transform: translateY(1px);
}
.linuxdo-copy-history-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--ld-h-ring);
}
.linuxdo-copy-history-empty {
padding: 18px 8px;
text-align: center;
font-size: 12px;
color: var(--ld-h-muted-fg);
}
`;
/**
* @description 将 CSS 样式注入到页面中。
* 优先使用 GM_addStyle API，如果不可用，则创建一个 <style> 标签并插入到 <head> 中。
* @param {string} cssText - 要注入的 CSS 样式字符串。
*/
function addStyle(cssText) {
if (typeof GM_addStyle !== 'undefined') {
GM_addStyle(cssText);
} else {
const styleNode = document.createElement('style');
styleNode.appendChild(document.createTextNode(cssText));
(document.head || document.documentElement).appendChild(styleNode);
}
}
// #endregion
// #region 工具函数
// ==========================================================
/**
* @description 转义 HTML 特殊字符，防止 XSS 攻击。
* @param {string} str - 要转义的字符串。
* @returns {string} 转义后的安全字符串。
*/
function escapeHtml(str) {
if (typeof str !== 'string') return '';
const div = document.createElement('div');
div.textContent = str;
return div.innerHTML;
}
/**
* @description 将文本规整为单行（用于简洁模式输出）。
* @param {string} text - 原始文本。
* @returns {string} 单行文本。
*/
function normalizeToSingleLine(text) {
return (text || '')
.replace(/\r\n/g, '\n')
.replace(/\n+/g, ' ')
.replace(/\s+/g, ' ')
.trim();
}
/**
* @description 去除 AI 总结前缀，输出更干净。
* @param {string} summary - 总结文本。
* @returns {string} 去前缀后的总结文本。
*/
function stripAiSummaryPrefix(summary) {
return (summary || '').replace(/^\[AI\s*总结\]\s*:?\s*/i, '');
}
function isAiSummaryText(summary) {
return /^\[AI\s*总结\]\s*:?\s*/i.test(summary || '');
}
/**
* @description 根据配置格式化复制内容。
* @param {object} articleData - 文章数据。
* @returns {string} 最终要复制的文本。
*/
function formatCopiedText(articleData) {
if (CONFIG.COMPACT_MODE) {
const rawSummary = articleData && articleData.summary;
const title = normalizeToSingleLine(articleData && articleData.title);
const summary = normalizeToSingleLine(stripAiSummaryPrefix(rawSummary));
const author = String((articleData && articleData.username) || '').replace(/^@/, '').trim();
const authorMention = author ? author.split(/\s+/)[0] : '';
const authorSuffix = authorMention ? ` @${authorMention}` : '';
const aiConfigured = !!(CONFIG.USE_AI_FOR_SUMMARY && CONFIG.API_KEY);
const aiSucceeded = isAiSummaryText(rawSummary);
// 简洁模式：默认不保留标题；但若 AI 总结失败（配置了 AI 且未生成 AI 总结），则回退为旧版简洁输出（标题：摘要）
if (aiConfigured && !aiSucceeded) {
let combined = title && summary ? `${title}：${summary}` : (title || summary);
if (combined && authorSuffix) combined = `${combined}${authorSuffix}`;
return [combined, articleData && articleData.link].filter(Boolean).join('\n').trim();
}
const summaryLine = summary && authorSuffix ? `${summary}${authorSuffix}` : summary;
return [summaryLine, articleData && articleData.link].filter(Boolean).join('\n').trim();
}
const template = CONFIG.ARTICLE_COPY_TEMPLATE || DEFAULT_CONFIG.ARTICLE_COPY_TEMPLATE;
let formattedText = String(template).replace(/{{(\w+)}}/g, (match, key) => {
return articleData[key] !== undefined ? articleData[key] : match;
});
return formattedText.replace(/\n\n+/g, '\n\n').trim();
}
// #endregion
// #region 历史复制内容（搜索框）
// ==========================================================
const COPY_HISTORY_STORAGE_KEY = 'COPY_HISTORY_V1';
let copyHistoryPopoverEl = null;
let copyHistoryHideTimer = null;
let copyHistoryGlobalListenersBound = false;
let copyHistorySelectedIds = new Set();
/**
* @description 读取历史复制内容列表。
* @returns {Array<{id: string, title: string, summary: string, link: string, text: string, createdAt: number}>}
*/
function getCopyHistoryItems() {
const raw = GM_getValue(COPY_HISTORY_STORAGE_KEY, []);
if (!Array.isArray(raw)) return [];
return raw
.filter((item) => item && typeof item === 'object')
.map((item) => ({
id: String(item.id || ''),
title: String(item.title || ''),
summary: String(item.summary || ''),
link: String(item.link || ''),
text: String(item.text || ''),
createdAt: Number(item.createdAt || 0),
}))
.filter((item) => item.id && item.text);
}
/**
* @description 尝试持久化历史；若存储空间不足，则回退保留最近 N 条。
* @param {Array} items - 历史列表。
* @returns {Array} 实际保存的历史列表。
*/
function persistCopyHistoryItems(items) {
try {
GM_setValue(COPY_HISTORY_STORAGE_KEY, items);
return items;
} catch (error) {
console.warn('保存历史复制内容失败，尝试回退条数：', error);
let trimmed = items.slice(0, SCRIPT_CONSTANTS.COPY_HISTORY_FALLBACK_LIMIT);
while (trimmed.length > 0) {
try {
GM_setValue(COPY_HISTORY_STORAGE_KEY, trimmed);
return trimmed;
} catch (e) {
trimmed = trimmed.slice(0, trimmed.length - 1);
}
}
try {
GM_setValue(COPY_HISTORY_STORAGE_KEY, []);
} catch (_) {
// ignore
}
return [];
}
}
/**
* @description 写入一条历史记录（新记录置顶，按链接去重）。
* @param {object} param - 参数对象。
* @param {object} param.articleData - 文章数据。
* @param {string} param.copiedText - 最终复制文本。
*/
function addCopyHistoryItem({ articleData, copiedText }) {
const title = String((articleData && articleData.title) || '').trim();
const link = String((articleData && articleData.link) || '').trim();
const summary = String(stripAiSummaryPrefix((articleData && articleData.summary) || '')).trim();
const text = String(copiedText || '').trim();
if (!text) return;
const id = `${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
const nextItem = { id, title, summary, link, text, createdAt: Date.now() };
const existing = getCopyHistoryItems();
const deduped = existing.filter((it) => !(link && it.link === link));
const next = [nextItem, ...deduped];
const saved = persistCopyHistoryItems(next);
if (copyHistoryPopoverEl && copyHistoryPopoverEl.style.display !== 'none') {
renderCopyHistoryPopover(saved);
}
}
function ensureCopyHistoryPopover() {
if (copyHistoryPopoverEl && document.body.contains(copyHistoryPopoverEl)) return copyHistoryPopoverEl;
const popover = document.createElement('div');
popover.className = 'linuxdo-copy-history-popover';
popover.setAttribute('role', 'menu');
popover.setAttribute('aria-label', '历史复制内容');
document.body.appendChild(popover);
popover.addEventListener('mouseenter', () => {
if (copyHistoryHideTimer) {
clearTimeout(copyHistoryHideTimer);
copyHistoryHideTimer = null;
}
});
popover.addEventListener('mouseleave', () => {
scheduleHideCopyHistoryPopover();
});
popover.addEventListener('change', (e) => {
const selectAll = e.target && e.target.closest && e.target.closest('input[type="checkbox"][data-action="select-all"]');
if (selectAll) {
const list = getCopyHistoryItems();
if (selectAll.checked) {
copyHistorySelectedIds = new Set(list.map((x) => x.id));
} else {
copyHistorySelectedIds.clear();
}
updateCopyHistorySelectionUI(list);
return;
}
const itemCheckbox = e.target && e.target.closest && e.target.closest('input[type="checkbox"][data-action="select-item"][data-id]');
if (itemCheckbox) {
const id = String(itemCheckbox.getAttribute('data-id') || '').trim();
if (!id) return;
if (itemCheckbox.checked) {
copyHistorySelectedIds.add(id);
} else {
copyHistorySelectedIds.delete(id);
}
updateCopyHistorySelectionUI();
}
});
popover.addEventListener('click', (e) => {
const settingsBtn = e.target.closest('button[data-action="settings"]');
if (settingsBtn) {
e.preventDefault();
e.stopPropagation();
hideCopyHistoryPopover();
if (typeof showSettingsModal === 'function') showSettingsModal();
return;
}
const deleteBtn = e.target.closest('button[data-action="delete-selected"]');
if (deleteBtn) {
e.preventDefault();
e.stopPropagation();
const count = copyHistorySelectedIds.size;
if (count <= 0) return;
const confirmed = window.confirm(`确定删除已选择的 ${count} 条记录吗？`);
if (!confirmed) return;
const items = getCopyHistoryItems();
const next = items.filter((x) => !copyHistorySelectedIds.has(x.id));
const saved = persistCopyHistoryItems(next);
copyHistorySelectedIds.clear();
renderCopyHistoryPopover(saved);
return;
}
const btn = e.target.closest('button[data-action][data-id]');
if (!btn) return;
e.preventDefault();
e.stopPropagation();
const action = btn.getAttribute('data-action');
const id = btn.getAttribute('data-id');
const items = getCopyHistoryItems();
const item = items.find((x) => x.id === id);
if (!item) return;
if (action === 'copy') {
copyTextToClipboard({ element: btn, text: item.text });
} else if (action === 'open') {
if (item.link) window.open(item.link, '_blank', 'noopener,noreferrer');
}
});
window.addEventListener('scroll', (e) => {
// 不要在滚动弹窗自身时关闭（鼠标滚轮/拖动滚动条）
if (!copyHistoryPopoverEl || copyHistoryPopoverEl.style.display === 'none') return;
const target = e && e.target;
if (target && copyHistoryPopoverEl.contains(target)) return;
hideCopyHistoryPopover();
}, true);
window.addEventListener('resize', () => hideCopyHistoryPopover(), true);
copyHistoryPopoverEl = popover;
return popover;
}
function scheduleHideCopyHistoryPopover() {
if (copyHistoryHideTimer) clearTimeout(copyHistoryHideTimer);
copyHistoryHideTimer = setTimeout(() => hideCopyHistoryPopover(), 150);
}
function hideCopyHistoryPopover() {
if (!copyHistoryPopoverEl) return;
copyHistoryPopoverEl.style.display = 'none';
copyHistorySelectedIds.clear();
}
function updateCopyHistorySelectionUI(items) {
const popover = copyHistoryPopoverEl;
if (!popover) return;
const list = Array.isArray(items) ? items : getCopyHistoryItems();
const validIds = new Set(list.map((x) => x.id));
for (const id of copyHistorySelectedIds) {
if (!validIds.has(id)) copyHistorySelectedIds.delete(id);
}
const selectedCount = copyHistorySelectedIds.size;
const totalCount = list.length;
const hintEl = popover.querySelector('.linuxdo-copy-history-hint');
if (hintEl) {
hintEl.textContent = selectedCount > 0
? `已选 ${selectedCount} / 共 ${totalCount}`
: '勾选后可批量删除';
}
const deleteBtn = popover.querySelector('button[data-action="delete-selected"]');
if (deleteBtn) {
deleteBtn.disabled = selectedCount === 0;
deleteBtn.textContent = selectedCount > 0 ? `删除(${selectedCount})` : '删除';
}
const selectAllEl = popover.querySelector('input[type="checkbox"][data-action="select-all"]');
if (selectAllEl) {
selectAllEl.disabled = totalCount === 0;
selectAllEl.checked = totalCount > 0 && selectedCount === totalCount;
selectAllEl.indeterminate = selectedCount > 0 && selectedCount < totalCount;
}
const itemEls = popover.querySelectorAll('.linuxdo-copy-history-item[data-item-id]');
itemEls.forEach((itemEl) => {
const id = itemEl.getAttribute('data-item-id');
const checked = !!(id && copyHistorySelectedIds.has(id));
itemEl.classList.toggle('is-selected', checked);
const checkbox = itemEl.querySelector('input[type="checkbox"][data-action="select-item"][data-id]');
if (checkbox) checkbox.checked = checked;
});
}
function positionCopyHistoryPopover(triggerEl) {
if (!copyHistoryPopoverEl || !triggerEl) return;
const rect = triggerEl.getBoundingClientRect();
const popoverRect = copyHistoryPopoverEl.getBoundingClientRect();
const gap = 8;
let top = rect.bottom + gap;
let left = rect.right - popoverRect.width;
const maxLeft = window.innerWidth - popoverRect.width - 12;
const minLeft = 12;
if (left > maxLeft) left = maxLeft;
if (left < minLeft) left = minLeft;
const maxTop = window.innerHeight - popoverRect.height - 12;
if (top > maxTop) top = Math.max(12, rect.top - popoverRect.height - gap);
copyHistoryPopoverEl.style.top = `${Math.round(top)}px`;
copyHistoryPopoverEl.style.left = `${Math.round(left)}px`;
}
function renderCopyHistoryPopover(items) {
const popover = ensureCopyHistoryPopover();
const list = Array.isArray(items) ? items : getCopyHistoryItems();
const header = `
<div class="linuxdo-copy-history-header">
<div class="linuxdo-copy-history-header-left">
<label class="linuxdo-copy-history-select-all" title="全选/取消全选">
<input type="checkbox" data-action="select-all" />
全选
</label>
<div class="linuxdo-copy-history-title">历史复制</div>
<button type="button" class="linuxdo-copy-history-settings-btn" data-action="settings" aria-label="打开设置" title="打开设置">设置</button>
<button type="button" class="linuxdo-copy-history-delete-btn" data-action="delete-selected" aria-label="删除已选择" title="删除已选择" disabled>删除</button>
</div>
<div class="linuxdo-copy-history-hint">勾选后可批量删除</div>
</div>
`;
if (!list || list.length === 0) {
popover.innerHTML = header + `<div class="linuxdo-copy-history-empty">暂无历史记录</div>`;
updateCopyHistorySelectionUI(list);
return;
}
const html = list
.slice(0, Math.max(list.length, 0))
.map((item) => {
const safeTitle = escapeHtml(item.title || '（无标题）');
const snippet = escapeHtml((item.summary || item.text || '').trim());
return `
<div class="linuxdo-copy-history-item" role="menuitem" data-item-id="${escapeHtml(item.id)}">
<div class="linuxdo-copy-history-item-top">
<label class="linuxdo-copy-history-item-checkbox-wrap" title="选择">
<input type="checkbox" class="linuxdo-copy-history-item-checkbox" data-action="select-item" data-id="${escapeHtml(item.id)}" aria-label="选择此条历史记录" />
</label>
<div class="linuxdo-copy-history-item-text">
<div class="linuxdo-copy-history-item-title">${safeTitle}</div>
<div class="linuxdo-copy-history-item-snippet">${snippet}</div>
</div>
<div class="linuxdo-copy-history-actions">
<button type="button" class="linuxdo-copy-history-btn" data-action="copy" data-id="${escapeHtml(item.id)}">再次复制</button>
<button type="button" class="linuxdo-copy-history-btn" data-action="open" data-id="${escapeHtml(item.id)}">打开链接</button>
</div>
</div>
</div>
`;
})
.join('');
popover.innerHTML = header + `<div class="linuxdo-copy-history-list">${html}</div>`;
updateCopyHistorySelectionUI(list);
}
function findHeaderSearchActionsContainer() {
const input = document.getElementById('header-search-input');
if (input) {
const searchInput = input.closest('.search-input') || input.closest('.search-input-wrapper');
const searching = searchInput ? searchInput.querySelector('.searching') : null;
if (searching) return searching;
}
return document.querySelector('.floating-search-input-wrapper .searching');
}
/**
* @description 在搜索框右侧注入历史按钮（hover 展开）。
*/
function ensureCopyHistoryTrigger() {
const container = findHeaderSearchActionsContainer();
if (!container) return;
if (container.querySelector('.linuxdo-copy-history-trigger')) return;
const trigger = document.createElement('button');
trigger.type = 'button';
trigger.className = 'linuxdo-copy-history-trigger';
trigger.title = '历史复制内容';
trigger.setAttribute('aria-label', '历史复制内容');
trigger.innerHTML = /*html*/`
<svg viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<path d="M12 8v4l3 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 12a9 9 0 1 0 3-6.7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M3 3v4h4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
`;
const popover = ensureCopyHistoryPopover();
trigger.addEventListener('mouseenter', () => {
if (copyHistoryHideTimer) {
clearTimeout(copyHistoryHideTimer);
copyHistoryHideTimer = null;
}
renderCopyHistoryPopover();
popover.style.display = 'block';
positionCopyHistoryPopover(trigger);
});
trigger.addEventListener('mouseleave', () => {
scheduleHideCopyHistoryPopover();
});
trigger.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
const isOpen = popover.style.display !== 'none';
if (isOpen) {
hideCopyHistoryPopover();
} else {
renderCopyHistoryPopover();
popover.style.display = 'block';
positionCopyHistoryPopover(trigger);
}
});
if (!copyHistoryGlobalListenersBound) {
copyHistoryGlobalListenersBound = true;
document.addEventListener('click', (e) => {
if (!copyHistoryPopoverEl) return;
if (copyHistoryPopoverEl.style.display === 'none') return;
const anyTrigger = document.querySelector('.linuxdo-copy-history-trigger');
if (anyTrigger && (e.target === anyTrigger || anyTrigger.contains(e.target))) return;
if (copyHistoryPopoverEl.contains(e.target)) return;
hideCopyHistoryPopover();
}, true);
}
container.appendChild(trigger);
}
// #endregion
// #region AI 总结与剪贴板
// ==========================================================
/**
* @description 调用 AI 以获取内容总结 (OpenAI Compatible 格式)。
* @param {string} prompt - 发送给 API 的完整提示词。
* @param {string} apiKey - 用户的 API Key。
* @param {string} [model='gpt-4o-mini'] - 要使用的模型名称。
* @returns {Promise<string>} 返回 API 生成的文本内容的 Promise。
*/
async function callAiAPI(prompt, apiKey, model = 'gpt-4o-mini') {
const url = CONFIG.API_BASE_URL || DEFAULT_CONFIG.API_BASE_URL;
const headers = {
'Content-Type': 'application/json',
'Authorization': `Bearer ${apiKey}`
};
const body = JSON.stringify({
model: model,
messages: [{
role: 'user',
content: prompt
}]
});
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: "POST",
url: url,
headers: headers,
data: body,
timeout: SCRIPT_CONSTANTS.API_TIMEOUT_MS, // API 请求超时
onload: function (response) {
// 检查 HTTP 状态码
if (response.status < 200 || response.status >= 300) {
reject(new Error(`HTTP Error: ${response.status} ${response.statusText}`));
return;
}
try {
const data = JSON.parse(response.responseText);
if (data.choices && data.choices.length > 0) {
resolve(data.choices[0].message.content);
} else if (data.error) {
reject(new Error(`AI Error: ${JSON.stringify(data.error)}`));
} else {
reject(new Error(`AI returned an unexpected response: ${JSON.stringify(data)}`));
}
} catch (e) {
reject(new Error(`Failed to parse AI response: ${e.message}\nResponse: ${response.responseText}`));
}
},
onerror: function (error) {
reject(new Error(`GM_xmlhttpRequest failed: ${error.statusText || 'Unknown error'}`));
},
ontimeout: function () {
reject(new Error(`API request timed out after ${SCRIPT_CONSTANTS.API_TIMEOUT_MS / 1000} seconds`));
}
});
});
}
/**
* @description 处理复制操作失败后的 UI 反馈。
* @param {object} param - 参数对象。
* @param {HTMLElement} param.element - 触发复制操作的按钮元素。
* @param {Error} [param.error=new Error()] - 捕获到的错误对象。
*/
function handleCopyError({ element, error = new Error() }) {
element.classList.add('copy-failed');
console.error('复制失败:', error);
setTimeout(() => {
element.classList.remove('copy-failed');
element.blur(); // 移除焦点，重置提示
}, SCRIPT_CONSTANTS.COPY_FAILURE_DURATION_MS);
}
/**
* @description 将指定的文本复制到用户的剪贴板。
* @param {object} param - 参数对象。
* @param {HTMLElement} param.element - 触发复制操作的按钮元素。
* @param {string} param.text - 要复制到剪贴板的文本。
*/
function copyTextToClipboard({ element, text }) {
navigator.clipboard.writeText(text).then(function () {
console.debug('文本已复制到剪贴板');
element.focus(); // 触发 :focus 样式显示“已复制”
setTimeout(() => {
element.blur(); // 移除焦点，重置提示
}, SCRIPT_CONSTANTS.COPY_SUCCESS_DURATION_MS);
}).catch(function (error) {
handleCopyError({ element, error });
});
}
/**
* 创建一个节流函数，在 wait 秒内最多执行 func 一次。
* 该函数提供一个 options 对象来决定是否应禁用前缘或后缘的调用。
*
* @param {Function} func 要节流的函数。
* @param {number} wait 等待的毫秒数。
* @param {object} [options={}] 选项对象。
* @param {boolean} [options.leading=true] 指定在节流开始前（前缘）调用。
* @param {boolean} [options.trailing=true] 指定在节流结束后（后缘）调用。
* @returns {Function} 返回新的节流函数。
*/
function throttleInit(func, wait, options = {}) {
let timeout = null;
let lastArgs = null;
let lastThis = null;
let result;
let previous = 0; // 上次执行的时间戳
// 默认开启 leading 和 trailing，trailing 默认开启以保持您之前版本的功能性
const { leading = true, trailing = true } = options;
// 如果 wait 小于等于 0，则无论如何都立即执行
if (wait <= 0) {
return function (...args) {
return func.apply(this, args);
};
}
// 定时器触发时执行的函数，用于处理 trailing 调用
function later() {
// 如果 leading 为 false，则重置 previous，允许在静默期后立即触发下一次 leading
// 否则，将 previous 设为当前时间，作为新的节流周期的开始
previous = leading === false ? 0 : Date.now();
timeout = null;
// 如果在节流期间有新的调用，则执行最后一次调用
if (lastArgs) {
result = func.apply(lastThis, lastArgs);
// 清理，防止内存泄漏
if (!timeout) {
lastThis = lastArgs = null;
}
}
}
// 返回的节流函数
function throttled(...args) {
const now = Date.now();
// 如果是第一次调用，且禁用了 leading，则记录当前时间戳作为节流周期的开始
if (!previous && leading === false) {
previous = now;
}
// 计算距离下次可执行的时间
const remaining = wait - (now - previous);
lastArgs = args;
// eslint-disable-next-line @typescript-eslint/no-this-alias
lastThis = this;
// ---- 核心判断逻辑 ----
// 1. 时间已到 (remaining <= 0) 或 2. 系统时间被向后调整 (remaining > wait)
if (remaining <= 0 || remaining > wait) {
// 清除可能存在的 trailing 定时器，因为我们要立即执行
if (timeout) {
clearTimeout(timeout);
timeout = null;
}
// 更新时间戳，开始新的节流周期
previous = now;
// 立即执行（leading call）
result = func.apply(lastThis, lastArgs);
if (!timeout) {
lastThis = lastArgs = null;
}
} else if (!timeout && trailing !== false) {
// 如果时间未到，且没有设置定时器，并且需要 trailing 调用
// 则设置一个定时器，在剩余时间后执行 later 函数
timeout = setTimeout(later, remaining);
}
// 返回上一次执行的结果
return result;
}
// 添加取消功能
throttled.cancel = () => {
clearTimeout(timeout);
previous = 0;
timeout = lastThis = lastArgs = null;
};
return throttled;
}
// #endregion
// #region 核心数据提取
// ==========================================================
/**
* @description 从页面 DOM 中提取当前文章的作者、分类和标签信息。
* @returns {{username: string, category: string, tags: string}} 包含用户、分类和标签数据的对象。
*/
function getUserData() {
const userData = {
username: '',
category: '', // 统一使用 category
tags: '',
};
// 获取板块名称
const categoryElements = document.querySelectorAll('.topic-category .badge-category__wrapper');
if (categoryElements.length > 0) {
const lastIndex = categoryElements.length - 1;
userData.category = categoryElements[lastIndex].textContent.trim();
}
// 获取用户名
const postAuthorContainer = document.querySelector('.topic-meta-data, .post-stream .post:first-of-type');
if (postAuthorContainer) {
const usernameElement = postAuthorContainer.querySelector('.username a, .names .first.full-name a');
if (usernameElement) {
userData.username = usernameElement.textContent.trim();
}
}
// 获取标签
const TagsElement = document.querySelector('.list-tags');
if (TagsElement) {
userData.tags = TagsElement.textContent.trim();
}
return userData;
}
/**
* @description 从页面 DOM 中提取当前登录用户的用户名（用于分享链接参数 u）。
* @returns {string} 用户名（小写）；未获取到则返回空字符串。
*/
function getSharerUsername() {
const currentUserToggle = document.getElementById('toggle-current-user');
if (!currentUserToggle) return '';
const avatarImg = currentUserToggle.querySelector('img.avatar');
if (avatarImg) {
const src = avatarImg.getAttribute('src') || '';
const match = src.match(/\/user_avatar\/[^/]+\/([^/]+)\//i);
if (match) return match[1].trim().toLowerCase();
}
return '';
}
/**
* @description 将 u=<username> 拼接到链接中（兼容已有查询参数）。
* @param {string} link - 原始链接。
* @param {string} username - 用户名（建议已转小写）。
* @returns {string} 拼接后的链接。
*/
function appendSharerParamToLink(link, username) {
if (!link || !username) return link || '';
try {
const url = new URL(link, window.location.origin);
url.searchParams.set('u', username);
return url.toString();
} catch (error) {
const separator = link.includes('?') ? '&' : '?';
return `${link}${separator}u=${encodeURIComponent(username)}`;
}
}
/**
* @description 从页面 DOM 中提取并整合文章的完整数据。
* @param {HTMLElement} titleElement - 文章标题的 <a> 元素。
* @param {HTMLElement} articleRootElement - 文章内容的根元素 (通常是 .cooked)。
* @returns {Promise<object>} 返回一个包含文章所有数据的 Promise 对象。
*/
async function getArticleData(titleElement, articleRootElement) {
const userData = getUserData(); // 获取用户、分类、标签数据
const articleData = {
...userData, // 合并用户、分类和标签数据
title: '',
link: '',
summary: '',
};
if (titleElement) {
articleData.title = titleElement.textContent.trim();
articleData.link = titleElement.href || '';
articleData.link = appendSharerParamToLink(articleData.link, getSharerUsername());
}
// 获取内容并进行总结
if (articleRootElement) {
const clonedArticleContent = articleRootElement.cloneNode(true);
// 移除不用于总结的内容元素
clonedArticleContent.querySelectorAll(
'pre, code, blockquote, img, .meta, .discourse-footnote-link, .emoji, ' +
'.signature, .system-message, .post-links, .hidden'
).forEach(el => el.remove());
let fullTextContent = clonedArticleContent.textContent.trim();
fullTextContent = fullTextContent.replace(/\s*\n\s*/g, '\n').replace(/\n{2,}/g, '\n\n').trim();
if (CONFIG.USE_AI_FOR_SUMMARY && CONFIG.API_KEY) {
console.debug('尝试使用 AI 总结内容...');
const titleForAi = normalizeToSingleLine(articleData.title);
let contentToSummarize = '';
if (titleForAi) {
const header = `标题：${titleForAi}\n\n`;
const remaining = Math.max(0, SCRIPT_CONSTANTS.AI_CONTENT_MAX_LENGTH - header.length);
contentToSummarize = header + fullTextContent.substring(0, remaining);
} else {
contentToSummarize = fullTextContent.substring(0, SCRIPT_CONSTANTS.AI_CONTENT_MAX_LENGTH);
}
const customPrompt = CONFIG.CUSTOM_SUMMARY_PROMPT || DEFAULT_CONFIG.CUSTOM_SUMMARY_PROMPT;
const prompt = customPrompt
.replace('{maxChars}', CONFIG.LOCAL_SUMMARY_MAX_CHARS)
.replace('{content}', contentToSummarize);
try {
articleData.summary = `[AI总结]:` + await callAiAPI(prompt, CONFIG.API_KEY, CONFIG.MODEL_NAME);
console.debug('AI 总结完成:', CONFIG.MODEL_NAME);
articleData.summary = articleData.summary.replace(/^(.)\s*(\S+)/, '$1$2').trim();
} catch (error) {
console.error('AI 总结失败:', error);
articleData.summary = fullTextContent.substring(0, CONFIG.LOCAL_SUMMARY_MAX_CHARS) + (fullTextContent.length > CONFIG.LOCAL_SUMMARY_MAX_CHARS ? '...' : '');
}
} else {
articleData.summary = fullTextContent.substring(0, CONFIG.LOCAL_SUMMARY_MAX_CHARS) + (fullTextContent.length > CONFIG.LOCAL_SUMMARY_MAX_CHARS ? '...' : '');
if (!CONFIG.API_KEY && CONFIG.USE_AI_FOR_SUMMARY) {
console.warn('未提供 AI Key 或未启用 API 总结，将使用本地简单截取。');
}
}
}
return articleData;
}
// #endregion
// #region UI 交互
// ==========================================================
/**
* @description 在文章标题旁边创建一个复制按钮并添加到页面中。
* @param {HTMLElement} titleElement - 文章标题的 <a> 元素。
*/
function addCopyButtonToArticleTitle(titleElement) {
// 可能导致判断不准确 重复添加copy按钮原因未知
// if (titleElement.nextElementSibling && titleElement.nextElementSibling.classList.contains('article-copy-button')) {
if (titleElement.parentNode.querySelectorAll('.article-copy-button').length > 0) {
// console.log('复制按钮已存在，跳过添加。');
return;
}
const copyButton = document.createElement('button');
copyButton.className = 'copy-button article-copy-button';
copyButton.innerHTML = /*html*/`
<span data-text-initial="复制文章信息" data-text-end="已复制" data-text-failed="复制失败" class="tooltip"></span>
<span>
<svg xml:space="preserve" style="enable-background:new 0 0 512 512" viewBox="0 0 6.35 6.35" y="0" x="0"
height="14" width="14" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xmlns="http://www.w3.org/2000/svg" class="clipboard">
<g>
<path fill="currentColor"
d="M2.43.265c-.3 0-.548.236-.573.53h-.328a.74.74 0 0 0-.735.734v3.822a.74.74 0 0 0 .735.734H4.82a.74.74 0 0 0 .735-.734V1.529a.74.74 0 0 0-.735-.735h-.328a.58.58 0 0 0-.573-.53zm0 .529h1.49c.032 0 .049.017.049.049v.431c0 .032-.017.049-.049.049H2.43c-.032 0-.05-.017-.05-.049V.843c0-.032.018-.05.05-.05zm-.901.53h.328c.026.292.274.528.573.528h1.49a.58.58 0 0 0 .573-.529h.328a.2.2 0 0 1 .206.206v3.822a.2.2 0 0 1-.206.205H1.53a.2.2 0 0 1-.206-.205V1.529a.2.2 0 0 1 .206-.206z">
</path>
</g>
</svg>
<svg xml:space="preserve" style="enable-background:new 0 0 512 512" viewBox="0 0 24 24" y="0" x="0" height="14"
width="14" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg"
class="checkmark">
<g>
<path data-original="#000000" fill="currentColor"
d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z">
</path>
</g>
</svg>
<svg class="failedmark" xmlns="http://www.w3.org/2000/svg" height="14" width="14" viewBox="0 0 512 512">
<path fill="#FF473E"
d="m330.443 256l136.765-136.765c14.058-14.058 14.058-36.85 0-50.908l-23.535-23.535c-14.058-14.058-36.85-14.058-50.908 0L256 181.557L119.235 44.792c-14.058-14.058-36.85-14.058-50.908 0L44.792 68.327c-14.058 14.058-14.058 36.85 0 50.908L181.557 256L44.792 392.765c-14.058 14.058-14.058 36.85 0 50.908l23.535 23.535c14.058 14.058 36.85 14.058 50.908 0L256 330.443l136.765 136.765c14.058 14.058 36.85 14.058 50.908 0l23.535-23.535c14.058-14.058 14.058-36.85 0-50.908z" />
</svg>
</span>
`;
titleElement.parentNode.insertBefore(copyButton, titleElement.nextSibling);
copyButton.addEventListener('click', async (e) => {
e.stopPropagation();
if (copyButton.classList.contains('loading')) {
return;
}
copyButton.classList.add('loading');
copyButton.disabled = true;
try {
// 每次点击时重新获取当前页面的DOM元素，避免SPA页面切换后闭包持有旧引用
const currentTitleElement = document.querySelector('h1[data-topic-id] a.fancy-title');
const currentArticleRootElement = document.querySelector('.cooked');
const articleData = await getArticleData(currentTitleElement, currentArticleRootElement);
const formattedText = formatCopiedText(articleData);
addCopyHistoryItem({ articleData, copiedText: formattedText });
copyTextToClipboard({ element: copyButton, text: formattedText });
} catch (error) {
handleCopyError({ element: copyButton, error });
} finally {
copyButton.classList.remove('loading');
copyButton.disabled = false;
}
});
}
// #endregion
// #region 设置界面
// ==========================================================
/**
* @description 创建设置界面的 HTML 结构。
* @returns {HTMLDialogElement} 返回创建的 dialog 元素。
*/
function createSettingsModal() {
const dialog = document.createElement('dialog');
dialog.className = 'linuxdo-settings-dialog';
dialog.innerHTML = `
<div class="linuxdo-settings-content">
<div class="linuxdo-settings-header">
<div>
<h2 class="linuxdo-settings-title">设置</h2>
<p class="linuxdo-settings-subtitle">Linux do 分享助手</p>
</div>
<button class="linuxdo-settings-close" type="button" aria-label="关闭">×</button>
</div>
<form class="linuxdo-settings-form" method="dialog">
<section class="linuxdo-settings-section">
<div class="linuxdo-settings-section-header">
<h3 class="linuxdo-settings-section-title">复制内容</h3>
<p class="linuxdo-settings-section-desc">控制复制到剪贴板的格式与密度</p>
</div>
<div class="linuxdo-settings-card">
<div class="linuxdo-settings-item">
<div class="linuxdo-settings-item-text">
<label class="linuxdo-settings-item-label" for="compactMode">简洁模式</label>
<div class="linuxdo-settings-description">开启后：标题与摘要合并为一段；隐藏作者/板块/标签；链接单独一行且无空行</div>
</div>
<label class="linuxdo-settings-switch">
<input type="checkbox" id="compactMode" ${CONFIG.COMPACT_MODE ? 'checked' : ''}>
<span class="linuxdo-settings-switch-slider"></span>
</label>
</div>
</div>
</section>
<section class="linuxdo-settings-section">
<div class="linuxdo-settings-section-header">
<h3 class="linuxdo-settings-section-title">AI 总结</h3>
<p class="linuxdo-settings-section-desc">可选：使用 OpenAI Compatible 接口</p>
</div>
<div class="linuxdo-settings-card">
<div class="linuxdo-settings-item">
<div class="linuxdo-settings-item-text">
<label class="linuxdo-settings-item-label" for="useAiForSummary">启用 AI 总结</label>
<div class="linuxdo-settings-description">开启后将使用 AI 对文章内容进行智能总结</div>
</div>
<label class="linuxdo-settings-switch">
<input type="checkbox" id="useAiForSummary" ${CONFIG.USE_AI_FOR_SUMMARY ? 'checked' : ''}>
<span class="linuxdo-settings-switch-slider"></span>
</label>
</div>
<div class="linuxdo-settings-separator"></div>
<div class="linuxdo-settings-grid">
<div class="linuxdo-settings-field">
<label class="linuxdo-settings-label" for="apiKey">API Key</label>
<input type="password" id="apiKey" class="linuxdo-settings-input" value="${escapeHtml(CONFIG.API_KEY)}" placeholder="输入 API Key" autocomplete="off">
</div>
<div class="linuxdo-settings-field">
<label class="linuxdo-settings-label" for="modelName">模型</label>
<input type="text" id="modelName" class="linuxdo-settings-input" value="${escapeHtml(CONFIG.MODEL_NAME)}" placeholder="gpt-4o-mini">
</div>
</div>
<div class="linuxdo-settings-field">
<label class="linuxdo-settings-label" for="apiBaseUrl">API 地址</label>
<input type="text" id="apiBaseUrl" class="linuxdo-settings-input" value="${escapeHtml(CONFIG.API_BASE_URL)}" placeholder="https://api.openai.com/v1/chat/completions">
<div class="linuxdo-settings-description">使用 OpenAI 兼容格式的完整 API 地址</div>
</div>
</div>
</section>
<section class="linuxdo-settings-section">
<div class="linuxdo-settings-section-header">
<h3 class="linuxdo-settings-section-title">总结设置</h3>
<p class="linuxdo-settings-section-desc">控制粘贴板正文长度与 Prompt</p>
</div>
<div class="linuxdo-settings-card">
<div class="linuxdo-settings-grid">
<div class="linuxdo-settings-field">
<label class="linuxdo-settings-label" for="localSummaryMaxChars">最大字符数</label>
<input type="number" id="localSummaryMaxChars" class="linuxdo-settings-input" value="${CONFIG.LOCAL_SUMMARY_MAX_CHARS}" placeholder="90" min="1" max="10000">
<div class="linuxdo-settings-description">范围：1 - 10000</div>
</div>
</div>
<div class="linuxdo-settings-field">
<label class="linuxdo-settings-label" for="customPrompt">自定义 Prompt</label>
<textarea id="customPrompt" class="linuxdo-settings-textarea" placeholder="输入自定义的总结提示词">${escapeHtml(CONFIG.CUSTOM_SUMMARY_PROMPT)}</textarea>
<div class="linuxdo-settings-description">使用 {maxChars} 表示最大字符数，{content} 表示文章内容</div>
</div>
</div>
</section>
</form>
<div class="linuxdo-settings-footer">
<button type="button" class="linuxdo-settings-button" id="cancelSettings">取消</button>
<button type="button" class="linuxdo-settings-button primary" id="saveSettings">保存</button>
</div>
</div>
`;
return dialog;
}
/**
* @description 为设置界面的所有可交互元素绑定事件监听器。
* @param {HTMLDialogElement} dialog - 设置界面的 dialog 元素。
*/
function bindSettingsEvents(dialog) {
const closeBtn = dialog.querySelector('.linuxdo-settings-close');
const cancelBtn = dialog.querySelector('#cancelSettings');
const saveBtn = dialog.querySelector('#saveSettings');
const closeDialog = () => {
if (typeof dialog.close === 'function') {
dialog.setAttribute('closing', '');
setTimeout(() => {
dialog.close();
dialog.remove();
}, SCRIPT_CONSTANTS.DIALOG_CLOSE_ANIMATION_MS);
} else {
dialog.remove();
const backdrop = document.querySelector('.dialog-backdrop-fallback');
if (backdrop) backdrop.remove();
}
};
closeBtn.addEventListener('click', closeDialog);
cancelBtn.addEventListener('click', closeDialog);
dialog.addEventListener('cancel', (e) => {
e.preventDefault();
closeDialog();
});
saveBtn.addEventListener('click', (e) => {
e.preventDefault();
const compactMode = dialog.querySelector('#compactMode').checked;
const useAiForSummary = dialog.querySelector('#useAiForSummary').checked;
const apiKey = dialog.querySelector('#apiKey').value.trim();
const apiBaseUrl = dialog.querySelector('#apiBaseUrl').value.trim();
const localSummaryMaxChars = parseInt(dialog.querySelector('#localSummaryMaxChars').value.trim()) || DEFAULT_CONFIG.LOCAL_SUMMARY_MAX_CHARS;
const customPrompt = dialog.querySelector('#customPrompt').value.trim();
const modelName = dialog.querySelector('#modelName').value.trim();
setConfig('COMPACT_MODE', compactMode);
setConfig('USE_AI_FOR_SUMMARY', useAiForSummary);
setConfig('API_KEY', apiKey);
setConfig('API_BASE_URL', apiBaseUrl || DEFAULT_CONFIG.API_BASE_URL);
setConfig('MODEL_NAME', modelName || DEFAULT_CONFIG.MODEL_NAME);
setConfig('LOCAL_SUMMARY_MAX_CHARS', localSummaryMaxChars);
setConfig('CUSTOM_SUMMARY_PROMPT', customPrompt || DEFAULT_CONFIG.CUSTOM_SUMMARY_PROMPT);
const originalText = saveBtn.textContent;
saveBtn.textContent = '已保存';
saveBtn.disabled = true;
setTimeout(() => {
closeDialog();
}, SCRIPT_CONSTANTS.SETTINGS_CLOSE_DELAY_MS);
});
}
/**
* @description 显示设置界面模态框。
*/
function showSettingsModal() {
if (window !== window.top) {
console.debug('在 iframe 中，跳过显示设置界面');
return;
}
const existingDialog = document.querySelector('.linuxdo-settings-dialog');
if (existingDialog) {
existingDialog.remove();
}
const dialog = createSettingsModal();
document.body.appendChild(dialog);
bindSettingsEvents(dialog);
if (typeof dialog.showModal === 'function') {
dialog.showModal();
} else {
dialog.style.display = 'block';
dialog.style.position = 'fixed';
dialog.style.top = '50%';
dialog.style.left = '50%';
dialog.style.transform = 'translate(-50%, -50%)';
dialog.style.zIndex = '10000';
const backdrop = document.createElement('div');
backdrop.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
`;
backdrop.className = 'dialog-backdrop-fallback';
document.body.appendChild(backdrop);
console.warn('浏览器不支持 dialog 元素，使用降级方案');
}
}
// #endregion
// #region 脚本初始化与执行
// ==========================================================
/**
* @description 脚本的主要初始化函数。
* 负责查找页面上的关键元素，并在找到后调用函数添加复制按钮。
*/
function initializeScript() {
if (window !== window.top) {
console.debug("在 iframe 中，跳过脚本初始化");
return;
}
// console.log("油猴脚本已尝试初始化。");
// 顶部搜索框：历史复制内容
ensureCopyHistoryTrigger();
const titleLinkElement = document.querySelector('h1[data-topic-id] a.fancy-title');
const articleRootElement = document.querySelector('.cooked');
const userDataContainer = document.querySelector('.topic-meta-data');
const categoryBadge = document.querySelector('.topic-category .badge-category__wrapper');
const tagsElement = document.querySelector('.list-tags');
if (titleLinkElement && articleRootElement && userDataContainer && categoryBadge) {
if (titleLinkElement.parentNode && titleLinkElement.parentNode.tagName === 'H1') {
const parentH1 = titleLinkElement.parentNode;
if (!parentH1.style.display || !parentH1.style.display.includes('flex')) {
parentH1.style.display = 'flex';
parentH1.style.alignItems = 'center';
parentH1.style.gap = '8px';
// console.log('已调整 H1 父元素样式为 flex。');
}
}
addCopyButtonToArticleTitle(titleLinkElement);
} else if (document.querySelector('h1[data-topic-id]')) {
console.debug('部分所需元素未找到，等待DOM更新:', {
title: !!titleLinkElement,
content: !!articleRootElement,
userData: !!userDataContainer,
category: !!categoryBadge,
tags: !!tagsElement
});
}
}
// 脚本执行入口
if (window === window.top) {
// 添加复制按钮函数增加节流
let throttledInitialize = throttleInit(initializeScript, SCRIPT_CONSTANTS.INIT_THROTTLE_MS);
// 注入样式
addStyle(copyBtnStyle);
// 注册油猴菜单命令
GM_registerMenuCommand('设置', showSettingsModal);
// 使用 MutationObserver 监听 DOM 变化，以适应动态加载内容的单页应用 (SPA)
const observer = new MutationObserver((mutationsList, observerInstance) => {
throttledInitialize();
});
observer.observe(document.body, { childList: true, subtree: true });
// 初始加载时也尝试运行一次
if (document.readyState === 'loading') {
window.addEventListener('DOMContentLoaded', throttledInitialize);
} else {
throttledInitialize();
}
} else {
// console.log("在 iframe 中，跳过脚本功能初始化");
}
// #endregion
})();