feat(Bangumi_Topic_Share): major rewrite with reply sharing, API tags, and character/person page support, bump version to 5.0
Core new features:
- Add per-reply share buttons on all posts with nested reply chain display
- Refactor into _doShareCard() shared renderer supporting both topic and reply flows
- Screenshot via isolated iframe to fix Chrome html2canvas hang
- Inline images (emoji, stickers, content images) into base64 before capture
- Add spoiler mask toggle button
- Overlay now scrollable with action buttons below card
Character/person page support:
- Add @match rules for /ep/*, /character/*, /person/*
- Show character/person image panel with name + career badge in card header
- Rakuen character pages: fetch CV and work names via Bangumi API v0
- Rakuen/regular person pages: fetch role tags via /v0/persons/{id}/characters,
fallback to /v0/persons/{id}/subjects with 44-role staff priority ordering
- Person career badge sourced from API career field with careerMap translation
- No-image fallback: render name + badge + divider without image panel
- Deduplicate subject tags by both subject id and staff role
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+486
-73
@@ -1,7 +1,7 @@
|
||||
// ==UserScript==
|
||||
// @name Bangumi Topic Share
|
||||
// @namespace http://tampermonkey.net/
|
||||
// @version 4.13
|
||||
// @version 5.0
|
||||
// @description Bangumi 话题/日志分享工具：生成分享卡片，支持图片复制/下载、一键复制分享文案、可选 AI 标签
|
||||
// @author Chang ji
|
||||
// @contributor Stardream
|
||||
@@ -17,6 +17,15 @@
|
||||
// @match *://bgm.tv/blog/*
|
||||
// @match *://bangumi.tv/blog/*
|
||||
// @match *://chii.in/blog/*
|
||||
// @match *://bgm.tv/ep/*
|
||||
// @match *://bangumi.tv/ep/*
|
||||
// @match *://chii.in/ep/*
|
||||
// @match *://bgm.tv/character/*
|
||||
// @match *://bangumi.tv/character/*
|
||||
// @match *://chii.in/character/*
|
||||
// @match *://bgm.tv/person/*
|
||||
// @match *://bangumi.tv/person/*
|
||||
// @match *://chii.in/person/*
|
||||
// @match *://bgm.tv/rakuen*
|
||||
// @match *://bangumi.tv/rakuen*
|
||||
// @match *://chii.in/rakuen*
|
||||
@@ -42,7 +51,8 @@
|
||||
#bgm-share-overlay {
|
||||
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
|
||||
background: rgba(0,0,0,0.85); display: none; justify-content: center;
|
||||
align-items: center; z-index: 100000;
|
||||
align-items: flex-start; overflow-y: auto; z-index: 100000;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.share-card {
|
||||
width: 420px; background: #fff; border-radius: 20px; overflow: hidden;
|
||||
@@ -58,7 +68,7 @@
|
||||
.card-body { padding: 15px 25px 25px; text-align: left; }
|
||||
.main-title { font-size: 20px; color: #111; margin: 0 0 15px 0; line-height: 1.5; font-weight: 800; }
|
||||
.content-box { background: #fdfafb; padding: 18px; border-radius: 12px; border-left: 5px solid #F09199; }
|
||||
.content-text { font-size: 14px; color: #333; line-height: 1.8; margin: 0; white-space: pre-wrap; word-break: break-all; }
|
||||
.content-text { font-size: 14px; color: #333; line-height: 1.8; margin: 0; word-break: break-all; }
|
||||
.tags-container { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.share-card .tags-container { margin-top: 15px; }
|
||||
.tag-item { background: #FEEFF0; color: #F09199; font-size: 11px; padding: 4px 12px; border-radius: 20px; font-weight: bold; border: 1px solid #F0919944; }
|
||||
@@ -109,6 +119,11 @@
|
||||
.share-card.dark .tag-item { background: #2a2a2a; border: 1px solid #F0919966; }
|
||||
.share-card.dark .card-footer { background: #181818; border-top: 1px solid rgba(255,255,255,0.1); }
|
||||
.share-card.dark .qr-img { background: #2a2a2a; }
|
||||
.content-text img[data-bgm-emoji]:not(.smile-dynamic) { height: 1.5em; width: auto; vertical-align: baseline; }
|
||||
.content-text img.bmoji-image { display: inline; vertical-align: baseline; }
|
||||
.content-text img.smile-dynamic { display: inline !important; height: 3em !important; width: auto !important; vertical-align: baseline; }
|
||||
.content-text img:not([data-bgm-emoji]):not(.bmoji-image):not(.smile-dynamic) { max-width: 100%; height: auto; border-radius: 4px; margin: 4px 0; display: block; }
|
||||
[data-bgm-mask] { display: inline; background-color: #555; color: #555; border: 1px solid #555; border-radius: 2px; padding: 0 4px; transition: color 0.3s ease; }
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
|
||||
@@ -128,9 +143,31 @@
|
||||
});
|
||||
}
|
||||
|
||||
function getPageTags(contentDoc) {
|
||||
async function inlineImages(html) {
|
||||
if (!html) return html;
|
||||
const div = document.createElement('div');
|
||||
div.innerHTML = html;
|
||||
div.querySelectorAll('.embed-play-btn, .embed-player-wrapper, iframe').forEach(el => el.remove());
|
||||
div.querySelectorAll('.text_mask').forEach(el => { el.removeAttribute('style'); el.classList.remove('text_mask'); el.dataset.bgmMask = '1'; });
|
||||
const imgs = [...div.querySelectorAll('img')];
|
||||
imgs.forEach(img => {
|
||||
if (img.hasAttribute('smileid') || /\/smiles\//.test(img.src)) {
|
||||
img.setAttribute('data-bgm-emoji', '1');
|
||||
}
|
||||
});
|
||||
if (imgs.length > 0) {
|
||||
const base64s = await Promise.all(imgs.map(img => fetchAsBase64(img.src)));
|
||||
imgs.forEach((img, i) => { if (base64s[i]) img.src = base64s[i]; });
|
||||
}
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
async function getPageTags(contentDoc) {
|
||||
const contentWin = contentDoc.defaultView || window;
|
||||
const isBlog = /\/blog\/\d+/.test(contentWin.location.pathname);
|
||||
const pathname = contentWin.location.pathname;
|
||||
const isBlog = /\/blog\/\d+/.test(pathname);
|
||||
const isCharacter = /\/character\/\d+|\/rakuen\/topic\/crt\/\d+/.test(pathname);
|
||||
const isPerson = /\/person\/\d+|\/rakuen\/topic\/prsn\/\d+/.test(pathname);
|
||||
if (isBlog) {
|
||||
const subjectNames = [...new Set(
|
||||
[...contentDoc.querySelectorAll('a')]
|
||||
@@ -140,6 +177,59 @@
|
||||
const replyCount = contentDoc.querySelectorAll('[id^="post_"]').length;
|
||||
return [...subjectNames, `${replyCount} 回复`, '日志'];
|
||||
}
|
||||
if (isCharacter) {
|
||||
const replyCount = contentDoc.querySelectorAll('[id^="post_"]').length;
|
||||
const crtMatch = pathname.match(/\/rakuen\/topic\/crt\/(\d+)/);
|
||||
if (crtMatch) {
|
||||
const [subjects, persons] = await Promise.all([
|
||||
fetchBangumiAPI(`characters/${crtMatch[1]}/subjects`),
|
||||
fetchBangumiAPI(`characters/${crtMatch[1]}/persons`)
|
||||
]);
|
||||
const staffPriority = { '主角': 0, '配角': 1, '客串': 2 };
|
||||
const typePriorityApi = { 2: 0, 4: 1 };
|
||||
const scored = (subjects || []).map(s => ({
|
||||
name: s.name_cn || s.name,
|
||||
rp: staffPriority[s.staff] ?? 99,
|
||||
tp: typePriorityApi[s.type] ?? 99
|
||||
})).sort((a, b) => a.rp !== b.rp ? a.rp - b.rp : a.tp - b.tp);
|
||||
const subjectNames = [...new Set(scored.map(s => s.name))].slice(0, 2);
|
||||
const cvNames = [...new Set((persons || []).filter(p => p.type === 1).map(p => p.name))];
|
||||
const tags = [];
|
||||
if (cvNames.length) tags.push('!CV: ' + cvNames.join(' / '));
|
||||
tags.push(...subjectNames);
|
||||
tags.push(`${replyCount} 回复`);
|
||||
return tags;
|
||||
}
|
||||
const cvNames = [...new Set(
|
||||
[...contentDoc.querySelectorAll('.browserList .badge_actor h3 a')]
|
||||
.map(a => a.textContent.trim()).filter(Boolean)
|
||||
)];
|
||||
const rolePriority = { '1': 0, '2': 1, '3': 2 };
|
||||
const typePriority = { '2': 0, '3': 1 };
|
||||
const scoredItems = [...contentDoc.querySelectorAll('.browserList .item')].map(item => {
|
||||
const nameEl = item.querySelector('.innerLeftItem h3 a.l');
|
||||
if (!nameEl) return null;
|
||||
const roleAttr = item.querySelector('.badge_job[attr-crt-type]')?.getAttribute('attr-crt-type') || '99';
|
||||
const typeMatch = item.querySelector('.ico_subject_type')?.className.match(/subject_type_(\d+)/);
|
||||
const typeNum = typeMatch ? typeMatch[1] : '99';
|
||||
return { name: nameEl.textContent.trim(), rp: rolePriority[roleAttr] ?? 99, tp: typePriority[typeNum] ?? 99 };
|
||||
}).filter(Boolean);
|
||||
scoredItems.sort((a, b) => a.rp !== b.rp ? a.rp - b.rp : a.tp - b.tp);
|
||||
const subjectNames = [...new Set(scoredItems.map(s => s.name))].slice(0, 2);
|
||||
const tags = [];
|
||||
if (cvNames.length) tags.push('!CV: ' + cvNames.join(' / '));
|
||||
tags.push(...subjectNames);
|
||||
tags.push(`${replyCount} 回复`);
|
||||
return tags;
|
||||
}
|
||||
if (isPerson) {
|
||||
const replyCount = contentDoc.querySelectorAll('[id^="post_"]').length;
|
||||
const personIdMatch = pathname.match(/\/rakuen\/topic\/prsn\/(\d+)/) || pathname.match(/\/person\/(\d+)/);
|
||||
if (personIdMatch) {
|
||||
const workTags = await fetchPersonWorkTags(personIdMatch[1]);
|
||||
return [...workTags, `${replyCount} 回复`];
|
||||
}
|
||||
}
|
||||
const groupLink = contentDoc.querySelector('a.avatar[href^="/group/"]');
|
||||
let groupName = '';
|
||||
if (groupLink) {
|
||||
@@ -175,10 +265,8 @@
|
||||
|
||||
// contentDoc: the document containing the topic (may be an iframe's doc on Rakuen)
|
||||
// Overlay is always rendered in the outer document (where GM functions are available)
|
||||
async function createShareImage(contentDoc = document) {
|
||||
const dark = contentDoc.documentElement.getAttribute('data-theme') === 'dark';
|
||||
const contentWin = contentDoc.defaultView || window;
|
||||
|
||||
async function _doShareCard({ username, postTime, avatarUrl, contentEl, pureTitle, contentDoc, contentWin, dark,
|
||||
replies = [], replyId = '', charImageUrl = '', badgeLabel = '' }) {
|
||||
if (typeof html2canvas === 'undefined') {
|
||||
alert("截图库加载失败，请刷新页面或检查网络。");
|
||||
return;
|
||||
@@ -188,74 +276,82 @@
|
||||
loading.innerHTML = '<div id="bgm-share-overlay" style="display:flex"><div id="loading-info">AI 正在提炼标签...</div></div>';
|
||||
document.body.appendChild(loading);
|
||||
|
||||
const isBlog = /\/blog\/\d+/.test(contentWin.location.pathname);
|
||||
|
||||
let username, postTime, avatarUrl, contentEl;
|
||||
if (isBlog) {
|
||||
const authorLink = contentDoc.querySelector('.author.user-card .title p a')
|
||||
|| contentDoc.querySelector('.author.user-card a.avatar');
|
||||
username = authorLink ? authorLink.textContent.trim() : "未知用户";
|
||||
const timeEl = contentDoc.querySelector('.header .tools .time');
|
||||
postTime = timeEl ? (timeEl.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const avatarImg = contentDoc.querySelector('.author.user-card a.avatar img');
|
||||
avatarUrl = avatarImg ? avatarImg.src : "";
|
||||
contentEl = contentDoc.querySelector('#entry_content');
|
||||
} else {
|
||||
const firstPost = contentDoc.querySelector('.postTopic') || contentDoc.querySelector('[id^="post_"]');
|
||||
const idNode = firstPost?.querySelector('strong a') || firstPost?.querySelector('.author strong a');
|
||||
username = idNode ? idNode.innerText.trim() : "未知用户";
|
||||
const timeNode = firstPost?.querySelector('small');
|
||||
postTime = timeNode ? (timeNode.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const masterPost = contentDoc.querySelector('.postTopic') || contentDoc.querySelector('[id^="post_"]');
|
||||
const avatarBox = masterPost?.querySelector('.avatarSize48');
|
||||
avatarUrl = avatarBox ? contentWin.getComputedStyle(avatarBox).backgroundImage.replace(/url\(["']?([^"']+)["']?\)/, '$1') : "";
|
||||
contentEl = masterPost?.querySelector('.topic_content') || masterPost?.querySelector('.inner');
|
||||
}
|
||||
|
||||
const h1Node = contentDoc.querySelector('#pageHeader h1') || contentDoc.querySelector('h1.title') || contentDoc.querySelector('h1');
|
||||
let pureTitle = "";
|
||||
if (h1Node) h1Node.childNodes.forEach(n => { if (n.nodeType === 3) pureTitle += n.textContent; });
|
||||
pureTitle = pureTitle.replace(/[»\n]/g, '').trim() || "分享话题";
|
||||
|
||||
let fullContent = "";
|
||||
let displayContentHtml = "";
|
||||
if (contentEl) {
|
||||
const toHide = contentEl.querySelectorAll('.forum_category, #catfish_likes_grid');
|
||||
const toHide = contentEl.querySelectorAll('.forum_category, #catfish_likes_grid, .embed-play-btn');
|
||||
toHide.forEach(el => el.style.display = 'none');
|
||||
fullContent = contentEl.innerText?.trim() || "";
|
||||
const fullHtml = contentEl.innerHTML?.trim() || "";
|
||||
toHide.forEach(el => el.style.display = '');
|
||||
const lim = replies.length > 0 ? 200 : 300;
|
||||
displayContentHtml = fullContent.length > lim ? (fullContent.substring(0, lim) + "...") : fullHtml;
|
||||
}
|
||||
let displayContent = fullContent.length > 300 ? fullContent.substring(0, 300) + "..." : fullContent;
|
||||
const mainLimit = replies.length > 0 ? 200 : 300;
|
||||
let displayContent = fullContent.length > mainLimit ? fullContent.substring(0, mainLimit) + "..." : fullContent;
|
||||
|
||||
const currentFullUrl = contentWin.location.origin + contentWin.location.pathname;
|
||||
const shareUrl = replyId ? currentFullUrl + '#' + replyId : currentFullUrl;
|
||||
const displayUrl = currentFullUrl.replace(/^https?:\/\//, '');
|
||||
|
||||
const [tags, base64Avatar, base64QR] = await Promise.all([
|
||||
const [tags, base64Avatar, base64CharImage, base64QR, ...base64ReplyAvatars] = await Promise.all([
|
||||
getAITags(pureTitle, fullContent, contentDoc),
|
||||
fetchAsBase64(avatarUrl),
|
||||
fetchAsBase64(`https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(currentFullUrl)}${dark ? '&color=F09199&bgcolor=2a2a2a' : ''}`)
|
||||
fetchAsBase64(charImageUrl),
|
||||
fetchAsBase64(`https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(shareUrl)}${dark ? '&color=F09199&bgcolor=2a2a2a' : ''}`),
|
||||
...replies.map(r => fetchAsBase64(r.avatarUrl))
|
||||
]);
|
||||
|
||||
const tagsHtml = tags.map(tag => `<span class="tag-item"># ${tag}</span>`).join('');
|
||||
const [inlinedMainContent, ...inlinedReplyContents] = await Promise.all([
|
||||
inlineImages(displayContentHtml),
|
||||
...replies.map(r => inlineImages(r.contentHtml || r.content))
|
||||
]);
|
||||
|
||||
const tagsHtml = tags.map(tag => tag.startsWith('!') ? `<span class="tag-item">${tag.slice(1)}</span>` : `<span class="tag-item"># ${tag}</span>`).join('');
|
||||
const divider = dark ? 'rgba(255,255,255,0.1)' : '#eee';
|
||||
const hasMainContent = !!inlinedMainContent || !!username;
|
||||
const renderLevel = (idx) => {
|
||||
if (idx >= replies.length) return '';
|
||||
const r = replies[idx];
|
||||
const b64 = base64ReplyAvatars[idx];
|
||||
const avatarSize = Math.max(22, 28 - idx * 4);
|
||||
const topStyle = idx === 0
|
||||
? `margin-top:${base64CharImage ? '6' : '14'}px;padding-top:${base64CharImage ? '6' : '14'}px;${hasMainContent ? `border-top:1px solid ${divider};` : ''}`
|
||||
: `margin-top:10px;padding-left:14px;border-left:3px solid ${dark ? '#F0919955' : '#F0919933'};`;
|
||||
const inner = idx + 1 < replies.length ? `<div style="margin-top:10px;">${renderLevel(idx + 1)}</div>` : '';
|
||||
return `<div style="${topStyle}">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
|
||||
<img src="${b64}" style="width:${avatarSize}px;height:${avatarSize}px;border-radius:7px;object-fit:cover;border:1px solid ${dark ? '#444' : '#f0f0f0'};">
|
||||
<span style="font-weight:bold;color:#F09199;font-size:${13 - idx}px;">${r.username}</span>
|
||||
<span style="color:#aaa;font-size:11px;">${r.time}</span>
|
||||
</div>
|
||||
<div class="content-box"><p class="content-text" style="font-size:${14 - idx}px;">${inlinedReplyContents[idx]}</p></div>
|
||||
${inner}
|
||||
</div>`;
|
||||
};
|
||||
const replySection = replies.length > 0 ? renderLevel(0) : '';
|
||||
loading.remove();
|
||||
|
||||
const overlay = document.createElement('div');
|
||||
overlay.id = 'bgm-share-overlay';
|
||||
overlay.style.display = 'flex';
|
||||
overlay.innerHTML = `
|
||||
<div style="display:flex; flex-direction:column; align-items:center;">
|
||||
<div style="display:flex; flex-direction:column; align-items:center; margin: auto; padding: 30px 0 50px;">
|
||||
<div id="capture-area" style="padding: 4px; background: transparent;">
|
||||
<div class="share-card${dark ? ' dark' : ''}">
|
||||
<div class="card-top-bar"></div>
|
||||
<div class="card-header">
|
||||
${base64CharImage ? `<div style="display:flex;align-items:stretch;"><div style="flex:1;padding:22px 20px 14px 25px;display:flex;flex-direction:column;justify-content:center;min-height:150px;position:relative;"><div style="font-size:22px;font-weight:800;color:${dark ? '#f0f0f0' : '#111'};line-height:1.3;">${pureTitle}</div><div style="margin-top:10px;"><span style="background:${dark ? '#2a2a2a' : '#FEEFF0'};color:#F09199;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:bold;border:1px solid ${dark ? '#F0919966' : '#F0919944'};">${badgeLabel}</span></div><div style="position:absolute;bottom:0;left:25px;right:0;height:1px;background:linear-gradient(to right,${dark ? 'rgba(255,255,255,0.15)' : '#ddd'} 0%,${dark ? 'rgba(255,255,255,0.15)' : '#ddd'} 60%,transparent 100%);"></div></div><div style="position:relative;width:130px;flex-shrink:0;overflow:hidden;min-height:150px;background-image:url('${base64CharImage}');background-size:cover;background-position:center top;background-color:${dark ? '#2a2a2a' : '#f9f5f5'};background-repeat:no-repeat;"><div style="position:absolute;inset:0;background:linear-gradient(to right,${dark ? '#1e1e1e' : '#fff'} 0%,transparent 15%),linear-gradient(to top,${dark ? '#1e1e1e' : '#fff'} 0%,transparent 15%);"></div></div></div>` : badgeLabel ? `<div style="padding:22px 25px 14px;position:relative;"><div style="font-size:22px;font-weight:800;color:${dark ? '#f0f0f0' : '#111'};line-height:1.3;">${pureTitle}</div><div style="margin-top:10px;"><span style="background:${dark ? '#2a2a2a' : '#FEEFF0'};color:#F09199;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:bold;border:1px solid ${dark ? '#F0919966' : '#F0919944'};">${badgeLabel}</span></div><div style="position:absolute;bottom:0;left:25px;right:25px;height:1px;background:${dark ? 'rgba(255,255,255,0.1)' : '#eee'};"></div></div>` : ''}
|
||||
${username ? `<div class="card-header" style="">
|
||||
<img class="avatar-img" src="${base64Avatar}">
|
||||
<div class="user-meta">
|
||||
<span class="name">${username}</span>
|
||||
<span class="time">${postTime}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>` : ''}
|
||||
<div class="card-body">
|
||||
<h1 class="main-title">${pureTitle}</h1>
|
||||
<div class="content-box"><p class="content-text">${displayContent}</p></div>
|
||||
${base64CharImage ? '' : `<h1 class="main-title">${pureTitle}</h1>`}
|
||||
${inlinedMainContent ? `<div class="content-box"><p class="content-text">${inlinedMainContent}</p></div>` : ''}
|
||||
${replySection}
|
||||
<div class="tags-container">${tagsHtml}</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
@@ -277,6 +373,9 @@
|
||||
<button id="bgm-text-btn" class="bgm-action-btn" data-tip="复制文案">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
|
||||
</button>
|
||||
<button id="bgm-mask-btn" class="bgm-action-btn" data-tip="显示剧透">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
|
||||
</button>
|
||||
<button id="bgm-close-btn" class="bgm-action-btn" data-tip="关闭">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||||
</button>
|
||||
@@ -286,8 +385,30 @@
|
||||
document.body.appendChild(overlay);
|
||||
|
||||
let cancelled = false;
|
||||
let maskRevealed = false;
|
||||
let currentCanvas = null;
|
||||
|
||||
const maskPreviewStyle = document.createElement('style');
|
||||
document.head.appendChild(maskPreviewStyle);
|
||||
|
||||
const copyBtn = document.getElementById('bgm-copy-btn');
|
||||
const downloadBtn = document.getElementById('bgm-download-btn');
|
||||
|
||||
const hasMask = !!document.querySelector('#capture-area [data-bgm-mask]');
|
||||
if (!hasMask) document.getElementById('bgm-mask-btn').style.display = 'none';
|
||||
|
||||
const updateMaskPreview = () => {
|
||||
maskPreviewStyle.textContent = maskRevealed
|
||||
? '#capture-area [data-bgm-mask] { color: #fff !important; }'
|
||||
: '';
|
||||
const btn = document.getElementById('bgm-mask-btn');
|
||||
if (btn) btn.setAttribute('data-tip', maskRevealed ? '遮住剧透' : '显示剧透');
|
||||
};
|
||||
updateMaskPreview();
|
||||
|
||||
document.getElementById('bgm-close-btn').addEventListener('click', () => {
|
||||
cancelled = true;
|
||||
maskPreviewStyle.remove();
|
||||
overlay.remove();
|
||||
});
|
||||
|
||||
@@ -300,7 +421,7 @@
|
||||
};
|
||||
|
||||
document.getElementById('bgm-text-btn').addEventListener('click', async () => {
|
||||
const shareText = `【链接】${pureTitle} | Bangumi番组计划\n${currentFullUrl}`;
|
||||
const shareText = `【链接】${pureTitle} | Bangumi番组计划\n${shareUrl}`;
|
||||
try {
|
||||
await navigator.clipboard.writeText(shareText);
|
||||
showToast('✓ 文案已复制');
|
||||
@@ -309,8 +430,35 @@
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(async () => {
|
||||
document.getElementById('bgm-mask-btn').addEventListener('click', () => {
|
||||
maskRevealed = !maskRevealed;
|
||||
updateMaskPreview();
|
||||
doCapture();
|
||||
});
|
||||
|
||||
copyBtn.addEventListener('click', async () => {
|
||||
if (!currentCanvas) return;
|
||||
try {
|
||||
const blob = await new Promise(resolve => currentCanvas.toBlob(resolve, 'image/png'));
|
||||
await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]);
|
||||
showToast('✓ 已复制到剪贴板');
|
||||
} catch (e) {
|
||||
showToast('✗ 复制失败，请改用下载');
|
||||
}
|
||||
});
|
||||
|
||||
downloadBtn.addEventListener('click', () => {
|
||||
if (!currentCanvas) return;
|
||||
const link = document.createElement('a');
|
||||
link.download = `BGM_Share_${username}.png`;
|
||||
link.href = currentCanvas.toDataURL('image/png');
|
||||
link.click();
|
||||
});
|
||||
|
||||
const doCapture = async () => {
|
||||
if (cancelled) return;
|
||||
copyBtn.disabled = true;
|
||||
downloadBtn.disabled = true;
|
||||
let canvas;
|
||||
let iframe = null;
|
||||
try {
|
||||
@@ -325,7 +473,8 @@
|
||||
|
||||
const iDoc = iframe.contentDocument;
|
||||
const iStyle = iDoc.createElement('style');
|
||||
iStyle.textContent = style.innerHTML;
|
||||
const maskCss = maskRevealed ? '[data-bgm-mask] { color: #fff !important; }' : '';
|
||||
iStyle.textContent = style.innerHTML + maskCss;
|
||||
iDoc.head.appendChild(iStyle);
|
||||
iDoc.body.style.cssText = 'margin:0;padding:0;background:transparent;display:inline-block;';
|
||||
iDoc.body.innerHTML = captureEl.innerHTML;
|
||||
@@ -361,31 +510,287 @@
|
||||
}
|
||||
iframe?.remove();
|
||||
if (cancelled) return;
|
||||
|
||||
const copyBtn = document.getElementById('bgm-copy-btn');
|
||||
const downloadBtn = document.getElementById('bgm-download-btn');
|
||||
currentCanvas = canvas;
|
||||
copyBtn.disabled = false;
|
||||
downloadBtn.disabled = false;
|
||||
};
|
||||
|
||||
copyBtn.addEventListener('click', async () => {
|
||||
try {
|
||||
const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
|
||||
await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]);
|
||||
showToast('✓ 已复制到剪贴板');
|
||||
} catch (e) {
|
||||
showToast('✗ 复制失败，请改用下载');
|
||||
}
|
||||
});
|
||||
|
||||
downloadBtn.addEventListener('click', () => {
|
||||
const link = document.createElement('a');
|
||||
link.download = `BGM_Share_${username}.png`;
|
||||
link.href = canvas.toDataURL('image/png');
|
||||
link.click();
|
||||
});
|
||||
}, 800);
|
||||
setTimeout(() => doCapture(), 800);
|
||||
}
|
||||
|
||||
function extractCharImageUrl(contentDoc) {
|
||||
const link = contentDoc.querySelector('#columnCrtA a.thickbox')
|
||||
|| contentDoc.querySelector('a.thickbox[href*="/pic/crt/"]')
|
||||
|| contentDoc.querySelector('a.thickbox[href*="/pic/user/"]');
|
||||
if (link?.href) return link.href;
|
||||
const img = contentDoc.querySelector('#columnCrtA img')
|
||||
|| contentDoc.querySelector('#crt_cover img')
|
||||
|| contentDoc.querySelector('img[src*="/pic/crt/l/"]')
|
||||
|| contentDoc.querySelector('img[src*="/pic/user/l/"]')
|
||||
|| contentDoc.querySelector('img[src*="/pic/crt/m/"]');
|
||||
return img?.src || '';
|
||||
}
|
||||
|
||||
async function fetchPersonWorkTags(personId) {
|
||||
const staffPriority = { '主角': 0, '配角': 1, '客串': 2 };
|
||||
const typePriority = { 2: 0, 4: 1 };
|
||||
const chars = await fetchBangumiAPI(`persons/${personId}/characters`);
|
||||
if (chars && chars.length) {
|
||||
const charMap = new Map();
|
||||
for (const c of chars) {
|
||||
const rp = staffPriority[c.staff] ?? 99;
|
||||
const tp = typePriority[c.subject_type] ?? 99;
|
||||
const existing = charMap.get(c.id);
|
||||
if (!existing || rp < existing.rp || (rp === existing.rp && tp < existing.tp)) {
|
||||
charMap.set(c.id, { charName: c.name, workName: c.subject_name_cn || c.subject_name, rp, tp });
|
||||
}
|
||||
}
|
||||
return [...charMap.values()]
|
||||
.sort((a, b) => a.rp !== b.rp ? a.rp - b.rp : a.tp - b.tp)
|
||||
.slice(0, 2)
|
||||
.map(c => `${c.charName} - ${c.workName}`);
|
||||
}
|
||||
const subjects = await fetchBangumiAPI(`persons/${personId}/subjects`);
|
||||
if (subjects && subjects.length) {
|
||||
const staffOrder = [
|
||||
// 核心创作
|
||||
'监督', '原案', '原作', '系列构成', '脚本', '剧本', '编剧', '企画',
|
||||
// 人设/美术
|
||||
'人物设计', '总作画监督', '作画监督', '作画监督助理', '监修', '设定协力',
|
||||
// 动画制作
|
||||
'演出', '分镜', '原画', '主动画师', '作画', '第二原画', '补间动画', '动画',
|
||||
// 音乐
|
||||
'音乐', '作曲', '编曲', '作词', '主题歌演出', '主题歌作曲', '主题歌编曲', '母带制作', '艺术家',
|
||||
// 技术/制作
|
||||
'音响监督', '摄影监督', '色彩设计', '美术监督', '制作人', '监制', '执行制片人', '协力',
|
||||
// 出演
|
||||
'主演', '配角', '出演', '客串'
|
||||
];
|
||||
const staffRank = (staff) => { const i = staffOrder.indexOf(staff); return i === -1 ? staffOrder.length : i; };
|
||||
const seen = new Set();
|
||||
const seenStaff = new Set();
|
||||
const result = [];
|
||||
for (const s of [...subjects].sort((a, b) => {
|
||||
const sr = staffRank(a.staff) - staffRank(b.staff);
|
||||
if (sr !== 0) return sr;
|
||||
return (typePriority[a.type] ?? 99) - (typePriority[b.type] ?? 99);
|
||||
})) {
|
||||
const name = s.name_cn || s.name;
|
||||
if (name && !seen.has(s.id) && !seenStaff.has(s.staff)) {
|
||||
seen.add(s.id);
|
||||
seenStaff.add(s.staff);
|
||||
result.push(s.staff ? `${s.staff} - ${name}` : name);
|
||||
}
|
||||
if (result.length >= 2) break;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
return [];
|
||||
}
|
||||
|
||||
function fetchBangumiAPI(path) {
|
||||
return new Promise(resolve => {
|
||||
GM_xmlhttpRequest({
|
||||
method: 'GET',
|
||||
url: 'https://api.bgm.tv/v0/' + path,
|
||||
headers: { 'Accept': 'application/json' },
|
||||
onload: res => { try { resolve(JSON.parse(res.responseText)); } catch { resolve(null); } },
|
||||
onerror: () => resolve(null)
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
async function getRakuenCharPersonData(pathname) {
|
||||
const crtMatch = pathname.match(/\/rakuen\/topic\/crt\/(\d+)/);
|
||||
const prsnMatch = pathname.match(/\/rakuen\/topic\/prsn\/(\d+)/);
|
||||
if (!crtMatch && !prsnMatch) return null;
|
||||
const id = (crtMatch || prsnMatch)[1];
|
||||
const type = crtMatch ? 'characters' : 'persons';
|
||||
const data = await fetchBangumiAPI(`${type}/${id}`);
|
||||
if (!data) return null;
|
||||
const imageUrl = data.images?.large || data.images?.medium || '';
|
||||
const name = data.name || '';
|
||||
const careerMap = { producer: '制作人', mangaka: '漫画家', artist: '画师', seiyu: '声优', writer: '作者', illustrator: '插画师', actor: '演员' };
|
||||
const badgeLabel = crtMatch ? '角色' : ((data.career || []).map(c => careerMap[c]).filter(Boolean).join(' ') || '人物');
|
||||
return { imageUrl, name, badgeLabel, id, type };
|
||||
}
|
||||
|
||||
async function createShareImage(contentDoc = document) {
|
||||
const dark = contentDoc.documentElement.getAttribute('data-theme') === 'dark';
|
||||
const contentWin = contentDoc.defaultView || window;
|
||||
|
||||
const isBlog = /\/blog\/\d+/.test(contentWin.location.pathname);
|
||||
const isCharacter = /\/character\/\d+|\/rakuen\/topic\/crt\/\d+/.test(contentWin.location.pathname);
|
||||
const isPerson = /\/person\/\d+|\/rakuen\/topic\/prsn\/\d+/.test(contentWin.location.pathname);
|
||||
|
||||
let username, postTime, avatarUrl, contentEl;
|
||||
if (isBlog) {
|
||||
const authorLink = contentDoc.querySelector('.author.user-card .title p a')
|
||||
|| contentDoc.querySelector('.author.user-card a.avatar');
|
||||
username = authorLink ? authorLink.textContent.trim() : "未知用户";
|
||||
const timeEl = contentDoc.querySelector('.header .tools .time');
|
||||
postTime = timeEl ? (timeEl.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const avatarImg = contentDoc.querySelector('.author.user-card a.avatar img');
|
||||
avatarUrl = avatarImg ? avatarImg.src : "";
|
||||
contentEl = contentDoc.querySelector('#entry_content');
|
||||
} else {
|
||||
const firstPost = contentDoc.querySelector('.postTopic') || contentDoc.querySelector('[id^="post_"]');
|
||||
const idNode = firstPost?.querySelector('strong a') || firstPost?.querySelector('.author strong a');
|
||||
username = idNode ? idNode.innerText.trim() : "未知用户";
|
||||
const timeNode = firstPost?.querySelector('small');
|
||||
postTime = timeNode ? (timeNode.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const masterPost = contentDoc.querySelector('.postTopic') || contentDoc.querySelector('[id^="post_"]');
|
||||
const avatarBox = masterPost?.querySelector('.avatarSize48');
|
||||
avatarUrl = avatarBox ? contentWin.getComputedStyle(avatarBox).backgroundImage.replace(/url\(["']?([^"']+)["']?\)/, '$1') : "";
|
||||
contentEl = masterPost?.querySelector('.topic_content') || masterPost?.querySelector('.inner');
|
||||
}
|
||||
|
||||
const h1Node = contentDoc.querySelector('#pageHeader h1') || contentDoc.querySelector('h1.title') || contentDoc.querySelector('h1.nameSingle a') || contentDoc.querySelector('h1');
|
||||
let pureTitle = "";
|
||||
if (h1Node) h1Node.childNodes.forEach(n => { if (n.nodeType === 3) pureTitle += n.textContent; });
|
||||
pureTitle = pureTitle.replace(/[»\n]/g, '').trim();
|
||||
if (!pureTitle) {
|
||||
const rawTitle = (contentDoc.title || '').split(/\s*[|／/]\s*/)[0].trim();
|
||||
pureTitle = rawTitle || "分享话题";
|
||||
}
|
||||
|
||||
let charImageUrl = (isCharacter || isPerson) ? extractCharImageUrl(contentDoc) : '';
|
||||
let badgeLabel = '';
|
||||
if (isCharacter) badgeLabel = '角色';
|
||||
if (isPerson) {
|
||||
const subtitleEl = contentDoc.querySelector('h2.subtitle');
|
||||
const subtitleText = subtitleEl ? subtitleEl.textContent.trim() : '';
|
||||
badgeLabel = subtitleText.replace(/^[^:：]*[:：]\s*/, '').trim() || '人物';
|
||||
}
|
||||
if ((isCharacter || isPerson) && (!charImageUrl || /\/rakuen\/topic\/(crt|prsn)\//.test(contentWin.location.pathname))) {
|
||||
const apiData = await getRakuenCharPersonData(contentWin.location.pathname);
|
||||
if (apiData) {
|
||||
if (!charImageUrl) charImageUrl = apiData.imageUrl;
|
||||
if (!badgeLabel || badgeLabel === '人物') badgeLabel = apiData.badgeLabel;
|
||||
}
|
||||
}
|
||||
await _doShareCard({ username, postTime, avatarUrl, contentEl, pureTitle, contentDoc, contentWin, dark, charImageUrl, badgeLabel });
|
||||
}
|
||||
|
||||
function extractPostInfo(postEl, contentWin) {
|
||||
const idNode = postEl.querySelector('.userInfo strong a') || postEl.querySelector('.userName a') || postEl.querySelector('strong a');
|
||||
const username = idNode ? idNode.innerText.trim() : "未知用户";
|
||||
const timeNode = postEl.querySelector('.post_actions.re_info small');
|
||||
const time = timeNode ? (timeNode.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const avatarBox = postEl.querySelector('.avatarReSize40') || postEl.querySelector('.avatarReSize32') || postEl.querySelector('.avatarSize48');
|
||||
let avatarUrl = "";
|
||||
if (avatarBox) {
|
||||
const bg = contentWin.getComputedStyle(avatarBox).backgroundImage;
|
||||
if (bg && bg !== 'none') avatarUrl = bg.replace(/url\(["']?([^"']+)["']?\)/, '$1');
|
||||
if (!avatarUrl) {
|
||||
const m = (avatarBox.getAttribute('style') || '').match(/background-image:\s*url\(["']?([^"']+)["']?\)/);
|
||||
if (m) avatarUrl = m[1];
|
||||
}
|
||||
}
|
||||
if (!avatarUrl) {
|
||||
const anyBg = postEl.querySelector('[style*="background-image"]');
|
||||
if (anyBg) {
|
||||
const m = (anyBg.getAttribute('style') || '').match(/background-image:\s*url\(["']?([^"']+)["']?\)/);
|
||||
if (m) avatarUrl = m[1];
|
||||
}
|
||||
}
|
||||
if (!avatarUrl) {
|
||||
const avatarImg = postEl.querySelector('a.avatar img') || postEl.querySelector('[href*="/user/"] img') || postEl.querySelector('img[src*="/pic/user"]');
|
||||
if (avatarImg) avatarUrl = avatarImg.src;
|
||||
}
|
||||
const contentEl = postEl.querySelector('.reply_content .message') || postEl.querySelector('.cmt_sub_content') || postEl.querySelector('.topic_content');
|
||||
const contentClone = contentEl ? contentEl.cloneNode(true) : null;
|
||||
contentClone?.querySelectorAll('.embed-play-btn, .embed-player-wrapper, iframe').forEach(el => el.remove());
|
||||
const rawText = contentClone?.innerText?.trim() || "";
|
||||
const truncated = rawText.length > 150;
|
||||
const contentHtml = truncated ? (rawText.substring(0, 150) + "...") : (contentEl?.innerHTML?.trim() || "");
|
||||
return { username, time, avatarUrl, content: truncated ? rawText.substring(0, 150) + "..." : rawText, contentHtml };
|
||||
}
|
||||
|
||||
async function createReplyShareImage(replyEl, contentDoc = document) {
|
||||
const dark = contentDoc.documentElement.getAttribute('data-theme') === 'dark';
|
||||
const contentWin = contentDoc.defaultView || window;
|
||||
|
||||
// Main post (楼主) data
|
||||
const isBlog = /\/blog\/\d+/.test(contentWin.location.pathname);
|
||||
const isEpisode = /\/ep\/\d+/.test(contentWin.location.pathname);
|
||||
const isCharacter = /\/character\/\d+|\/rakuen\/topic\/crt\/\d+/.test(contentWin.location.pathname);
|
||||
const isPerson = /\/person\/\d+|\/rakuen\/topic\/prsn\/\d+/.test(contentWin.location.pathname);
|
||||
let username, postTime, avatarUrl, contentEl;
|
||||
if (isEpisode || isCharacter || isPerson) {
|
||||
username = ""; postTime = ""; avatarUrl = ""; contentEl = null;
|
||||
} else if (isBlog) {
|
||||
const authorLink = contentDoc.querySelector('.author.user-card .title p a') || contentDoc.querySelector('.author.user-card a.avatar');
|
||||
username = authorLink ? authorLink.textContent.trim() : "未知用户";
|
||||
const timeEl = contentDoc.querySelector('.header .tools .time');
|
||||
postTime = timeEl ? (timeEl.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const avatarImg = contentDoc.querySelector('.author.user-card a.avatar img');
|
||||
avatarUrl = avatarImg ? avatarImg.src : "";
|
||||
contentEl = contentDoc.querySelector('#entry_content');
|
||||
} else {
|
||||
const firstPost = contentDoc.querySelector('.postTopic') || contentDoc.querySelector('[id^="post_"]');
|
||||
const mainIdNode = firstPost?.querySelector('strong a') || firstPost?.querySelector('.author strong a');
|
||||
username = mainIdNode ? mainIdNode.innerText.trim() : "未知用户";
|
||||
const mainTimeNode = firstPost?.querySelector('small');
|
||||
postTime = mainTimeNode ? (mainTimeNode.innerText.match(/\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}/)?.[0] || "未知时间") : "未知时间";
|
||||
const mainAvatarBox = firstPost?.querySelector('.avatarSize48');
|
||||
avatarUrl = mainAvatarBox ? contentWin.getComputedStyle(mainAvatarBox).backgroundImage.replace(/url\(["']?([^"']+)["']?\)/, '$1') : "";
|
||||
contentEl = firstPost?.querySelector('.topic_content') || firstPost?.querySelector('.inner');
|
||||
}
|
||||
|
||||
// Build replies chain: if sub-reply, prepend the parent reply first
|
||||
const replies = [];
|
||||
const parentPost = replyEl.closest('.topic_sub_reply')?.closest('[id^="post_"]');
|
||||
if (parentPost) {
|
||||
replies.push(extractPostInfo(parentPost, contentWin));
|
||||
}
|
||||
replies.push(extractPostInfo(replyEl, contentWin));
|
||||
|
||||
const h1Node = contentDoc.querySelector('#pageHeader h1') || contentDoc.querySelector('h1.title') || contentDoc.querySelector('h1.nameSingle a') || contentDoc.querySelector('h1');
|
||||
let pureTitle = "";
|
||||
if (h1Node) h1Node.childNodes.forEach(n => { if (n.nodeType === 3) pureTitle += n.textContent; });
|
||||
pureTitle = pureTitle.replace(/[»\n]/g, '').trim();
|
||||
if (!pureTitle) {
|
||||
const rawTitle = (contentDoc.title || '').split(/\s*[|／/]\s*/)[0].trim();
|
||||
pureTitle = rawTitle || "分享话题";
|
||||
}
|
||||
|
||||
let charImageUrl = (isCharacter || isPerson) ? extractCharImageUrl(contentDoc) : '';
|
||||
let badgeLabel = '';
|
||||
if (isCharacter) badgeLabel = '角色';
|
||||
if (isPerson) {
|
||||
const subtitleEl = contentDoc.querySelector('h2.subtitle');
|
||||
const subtitleText = subtitleEl ? subtitleEl.textContent.trim() : '';
|
||||
badgeLabel = subtitleText.replace(/^[^:：]*[:：]\s*/, '').trim() || '人物';
|
||||
}
|
||||
if ((isCharacter || isPerson) && (!charImageUrl || /\/rakuen\/topic\/(crt|prsn)\//.test(contentWin.location.pathname))) {
|
||||
const apiData = await getRakuenCharPersonData(contentWin.location.pathname);
|
||||
if (apiData) {
|
||||
if (!charImageUrl) charImageUrl = apiData.imageUrl;
|
||||
if (!badgeLabel || badgeLabel === '人物') badgeLabel = apiData.badgeLabel;
|
||||
}
|
||||
}
|
||||
await _doShareCard({ username, postTime, avatarUrl, contentEl, pureTitle, contentDoc, contentWin, dark,
|
||||
replies, replyId: replyEl.id, charImageUrl, badgeLabel });
|
||||
}
|
||||
|
||||
const REPLY_SHARE_BTN_CLASS = 'bgm-reply-share-btn';
|
||||
const SHARE_SVG = '<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>';
|
||||
|
||||
const insertReplyButtons = (targetDoc = document) => {
|
||||
targetDoc.querySelectorAll('[id^="post_"]').forEach(post => {
|
||||
const reInfo = post.querySelector('.post_actions.re_info');
|
||||
if (!reInfo || post.querySelector('.' + REPLY_SHARE_BTN_CLASS)) return;
|
||||
const wrap = targetDoc.createElement('span');
|
||||
wrap.className = 'action';
|
||||
wrap.innerHTML = `<a href="javascript:void(0);" class="${REPLY_SHARE_BTN_CLASS} icon" title="分享回复" style="display:inline-flex;align-items:center;gap:3px;">${SHARE_SVG}<span class="title">分享</span></a>`;
|
||||
const dropdowns = reInfo.querySelectorAll('.action.dropdown');
|
||||
const moreMenu = dropdowns[dropdowns.length - 1];
|
||||
moreMenu ? reInfo.insertBefore(wrap, moreMenu) : reInfo.appendChild(wrap);
|
||||
wrap.querySelector('a').addEventListener('click', () => createReplyShareImage(post, targetDoc));
|
||||
});
|
||||
};
|
||||
|
||||
const insertButton = (targetDoc = document) => {
|
||||
if (targetDoc.getElementById('gen-card-btn')) return;
|
||||
|
||||
@@ -420,6 +825,12 @@
|
||||
}
|
||||
};
|
||||
|
||||
const observeReplies = (targetDoc) => {
|
||||
const observer = new MutationObserver(() => insertReplyButtons(targetDoc));
|
||||
const root = targetDoc.getElementById('comment_list') || targetDoc.getElementById('reply_list') || targetDoc.body;
|
||||
if (root) observer.observe(root, { childList: true, subtree: true });
|
||||
};
|
||||
|
||||
// 超展开：在外层页面监听 #right iframe 导航，注入按钮
|
||||
const rightFrame = document.getElementById('right');
|
||||
if (rightFrame && rightFrame.tagName === 'IFRAME') {
|
||||
@@ -428,14 +839,16 @@
|
||||
try {
|
||||
const iDoc = rightFrame.contentDocument;
|
||||
const iUrl = rightFrame.contentWindow.location.href;
|
||||
if (/\/(group\/topic|subject(?:\/\d+)?\/topic)\//.test(iUrl) || /\/blog\/\d+/.test(iUrl)) {
|
||||
if (/\/(group\/topic|subject(?:\/\d+)?\/topic)\//.test(iUrl) || /\/blog\/\d+/.test(iUrl) || /\/ep\/\d+/.test(iUrl) || /\/character\/\d+/.test(iUrl) || /\/person\/\d+/.test(iUrl)) {
|
||||
insertButton(iDoc);
|
||||
insertReplyButtons(iDoc);
|
||||
observeReplies(iDoc);
|
||||
}
|
||||
} catch (e) {}
|
||||
}, 800);
|
||||
};
|
||||
rightFrame.addEventListener('load', onRightFrameLoad);
|
||||
} else {
|
||||
setTimeout(insertButton, 500);
|
||||
setTimeout(() => { insertButton(); insertReplyButtons(); observeReplies(document); }, 500);
|
||||
}
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user