${escapeHtml(comment.text)}
${hasImages ? `
📷 包含图片 (${comment.images.length}张)
${comment.images.map((img, index) => `
图片 ${index + 1}:
查看原图
${img.width ? `
尺寸: ${img.width}×${img.height}px` : ''}
`).join('')}
` : ''}
⏰ ${comment.time}
🆔 ${comment.rpid || '未获取'}
📹 oid: ${comment.oid || '未获取'}
● ${comment.status}
${hasImages ? '📷 含图片' : ''}
`;
}).join('');
const tab = document.querySelector('[data-tab="comments"]');
if (tab) {
const imageCount = capturedComments.filter(c => c.images && c.images.length > 0).length;
tab.innerHTML = `评论监控 (${capturedComments.length}${imageCount > 0 ? ` 📷${imageCount}` : ''})`;
}
}
function updateDanmakuDisplay() {
const listDiv = document.getElementById('danmaku-list');
if (!listDiv) return;
if (capturedDanmaku.length === 0) {
listDiv.innerHTML = '
${escapeHtml(danmaku.text)}
⏰ ${danmaku.time}
📺 ${danmaku.method || '发送'}
⏱️ ${danmaku.videoTime || 0}s
🎯 ${danmaku.pageType || '未知页面'}
`).join('');
const tab = document.querySelector('[data-tab="danmaku"]');
if (tab) {
tab.innerHTML = `弹幕监控 (${capturedDanmaku.length})`;
}
}
function escapeHtml(text) {
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
function toggleMainWindow() {
const window = document.getElementById('bili-monitor-window');
if (window.style.display === 'none') {
window.style.display = 'flex';
window.style.flexDirection = 'column';
switchTab('comments');
} else {
window.style.display = 'none';
}
}
function exportData() {
if (STORAGE_CONFIG.EXPORT_SOURCE === 'localStorage') {
exportFromLocalStorage();
} else {
exportFromMemory();
}
}
function exportFromLocalStorage() {
let localStorageComments = [];
let localStorageDanmaku = [];
try {
localStorageComments = JSON.parse(localStorage.getItem(CACHE_KEYS.comments) || '[]');
localStorageDanmaku = JSON.parse(localStorage.getItem(CACHE_KEYS.danmaku) || '[]');
console.log(`从localStorage导出 - 评论:${localStorageComments.length} 弹幕:${localStorageDanmaku.length}`);
} catch (e) {
console.error('localStorage读取失败，回退到内存数据:', e);
exportFromMemory();
return;
}
const data = createExportData(localStorageComments, localStorageDanmaku, 'localStorage');
downloadJSON(data, 'bili-monitor-data');
}
function exportFromMemory() {
console.log(`从内存导出 - 评论:${capturedComments.length} 弹幕:${capturedDanmaku.length}`);
const data = createExportData(capturedComments, capturedDanmaku, 'memory');
downloadJSON(data, 'bili-monitor-data');
}
function createExportData(comments, danmaku, source) {
return {
exportTime: new Date().toISOString(),
dataSource: source,
config: STORAGE_CONFIG,
summary: {
totalComments: comments.length,
totalDanmaku: danmaku.length,
imageComments: comments.filter(c => c.images && c.images.length > 0).length,
totalImages: comments.reduce((sum, c) => sum + (c.images ? c.images.length : 0), 0)
},
comments: comments.map(comment => ({
text: comment.text,
time: comment.time,
timestamp: comment.timestamp,
rpid: comment.rpid,
oid: comment.oid,
type: comment.type,
status: comment.status,
images: comment.images || [],
videoInfo: comment.videoInfo || getCurrentVideoInfo(),
videoTime: comment.videoTime || getCurrentVideoTime(),
pageType: comment.pageType || getPageType(),
url: comment.url || window.location.href
})),
danmaku: danmaku
};
}
function downloadJSON(data, filename) {
const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `${filename}-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.json`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
console.log(`数据导出完成 - 评论:${data.summary.totalComments} 弹幕:${data.summary.totalDanmaku} 图片:${data.summary.totalImages}`);
}
window.clearComments = () => {
capturedComments = [];
pendingComments.clear();
updateCommentsDisplay();
saveToCache();
console.log('评论数据已清空');
};
window.clearDanmaku = () => {
capturedDanmaku = [];
updateDanmakuDisplay();
saveToCache();
console.log('弹幕数据已清空');
};
function parseCommentData(data) {
let requestData = {};
try {
if (typeof data === 'string') {
const params = new URLSearchParams(data);
params.forEach((value, key) => {
requestData[key] = value;
});
} else if (data instanceof FormData) {
data.forEach((value, key) => {
requestData[key] = value;
});
}
} catch (e) {
console.error('解析请求数据失败:', e);
}
return requestData;
}
function getCurrentVideoInfo() {
try {
const title = document.querySelector('.video-title, h1.title, .video-data__info h1')?.textContent?.trim() || '未知视频';
const bvid = window.location.href.match(/BV[\w]+/) ? window.location.href.match(/BV[\w]+/)[0] : '未知';
const upName = document.querySelector('.up-name, .up-info__right .up-name')?.textContent?.trim() || '未知UP主';
return { title, bvid, upName, url: window.location.href };
} catch (e) {
return { title: '未知视频', bvid: '未知', upName: '未知UP主', url: window.location.href };
}
}
function getCurrentVideoTime() {
try {
const video = document.querySelector('video');
return video ? Math.floor(video.currentTime) : 0;
} catch (e) {
return 0;
}
}
function getPageType() {
const url = window.location.href;
if (url.includes('/video/') || url.includes('/list/')) return '视频';
if (url.includes('/bangumi/')) return '番剧';
return '其他';
}
function addCommentWithLimit(comment) {
capturedComments.push(comment);
// 应用内存限制
if (capturedComments.length > STORAGE_CONFIG.MEMORY_LIMIT_COMMENTS) {
capturedComments = capturedComments.slice(-STORAGE_CONFIG.MEMORY_LIMIT_COMMENTS);
console.log(`评论超出内存限制，保留最新${STORAGE_CONFIG.MEMORY_LIMIT_COMMENTS}条`);
}
updateCommentsDisplay();
saveToCache();
}
class OptimizedNetworkInterceptor {
constructor() {
this.setupFetchInterceptor();
log('网络拦截器已启动（仅Fetch）');
}
setupFetchInterceptor() {
const originalFetch = window.fetch;
window.fetch = async function(...args) {
const [url, options = {}] = args;
if (typeof url !== 'string' || !options.body) {
return originalFetch.apply(this, args);
}
const isDanmakuAPI = API_CONFIG.danmaku.some(api => url.includes(api));
const isCommentAPI = API_CONFIG.comment.some(api => url.includes(api));
if (!isDanmakuAPI && !isCommentAPI) {
return originalFetch.apply(this, args);
}
const requestId = generateRequestId(url, options.body);
if (!shouldProcessRequest(requestId)) {
return originalFetch.apply(this, args);
}
if (isDanmakuAPI) {
try {
const params = new URLSearchParams(options.body);
const msg = params.get('msg');
if (msg) {
log('弹幕请求拦截', msg);
setTimeout(() => {
if (window.danmakuMonitor) {
window.danmakuMonitor.recordDanmaku(msg, '网络请求');
}
}, 100);
}
} catch (e) {
console.error('弹幕请求解析失败:', e);
}
}
if (isCommentAPI) {
log('评论请求检测', url);
const requestData = parseCommentData(options.body);
const { images } = extractImageInfo(requestData);
if (images.length > 0) {
log('📷 请求中发现图片!', images.length);
}
const comment = {
text: requestData.message || requestData.content || '(评论内容)',
time: new Date().toLocaleTimeString(),
timestamp: Date.now(),
tempId: Date.now() + Math.random(),
rpid: null,
oid: requestData.oid || null,
type: requestData.type || null,
status: "等待ID",
images: images,
videoInfo: getCurrentVideoInfo(),
videoTime: getCurrentVideoTime(),
pageType: getPageType(),
url: window.location.href
};
addCommentWithLimit(comment);
pendingComments.set(comment.tempId, comment);
return originalFetch.apply(this, args).then(response => {
const clonedResponse = response.clone();
clonedResponse.json().then(data => {
if (data.code === 0 && data.data) {
const rpid = data.data.rpid || data.data.rpid_str ||
(data.data.reply && data.data.reply.rpid);
if (rpid) {
log(`获取到评论ID: ${rpid}`);
updatePendingComment(rpid, requestData.message || requestData.content || '', comment.tempId);
}
}
}).catch(e => console.error('解析响应失败:', e));
return response;
});
}
return originalFetch.apply(this, args);
};
}
}
class DanmakuMonitor {
constructor() {
this.videoInfo = {};
this.updateVideoInfo();
}
start() {
this.monitorInputAndButton();
log('弹幕监控已启动');
}
updateVideoInfo() {
this.videoInfo = getCurrentVideoInfo();
}
monitorInputAndButton() {
setInterval(() => {
const inputSelectors = [
'.bpx-player-dm-input',
'.bilibili-player-video-danmaku-input',
'input[placeholder*="发个友善的弹幕"]'
];
const buttonSelectors = [
'.bpx-player-dm-btn-send',
'.bilibili-player-video-btn-send',
'button[class*="send"]'
];
const input = inputSelectors.map(s => document.querySelector(s)).find(Boolean);
const button = buttonSelectors.map(s => document.querySelector(s)).find(Boolean);
if (input && !input.hasAttribute('data-danmaku-monitored')) {
input.setAttribute('data-danmaku-monitored', 'true');
input.addEventListener('keypress', (e) => {
if (e.key === 'Enter' && input.value.trim()) {
setTimeout(() => this.recordDanmaku(input.value.trim(), 'Enter键'), 100);
}
});
log('弹幕输入框监听已设置');
}
if (button && !button.hasAttribute('data-danmaku-monitored')) {
button.setAttribute('data-danmaku-monitored', 'true');
button.addEventListener('click', () => {
if (input && input.value.trim()) {
setTimeout(() => this.recordDanmaku(input.value.trim(), '点击按钮'), 100);
}
});
log('弹幕发送按钮监听已设置');
}
}, 2000);
}
recordDanmaku(text, method = '未知') {
if (!text || text.trim() === '') return;
const danmaku = {
text: text.trim(),
time: new Date().toLocaleTimeString(),
timestamp: Date.now(),
method: method,
videoInfo: this.videoInfo,
videoTime: getCurrentVideoTime(),
pageType: getPageType()
};
const isDuplicate = capturedDanmaku.some(d =>
d.text === danmaku.text && Math.abs(d.timestamp - danmaku.timestamp) < 2000
);
if (!isDuplicate) {
capturedDanmaku.unshift(danmaku);
// 应用内存限制
if (capturedDanmaku.length > STORAGE_CONFIG.MEMORY_LIMIT_DANMAKU) {
capturedDanmaku = capturedDanmaku.slice(0, STORAGE_CONFIG.MEMORY_LIMIT_DANMAKU);
console.log(`弹幕超出内存限制，保留最新${STORAGE_CONFIG.MEMORY_LIMIT_DANMAKU}条`);
}
log('弹幕已记录', danmaku.text);
updateDanmakuDisplay();
saveToCache();
}
}
}
function monitorCommentInput() {
setInterval(() => {
const selectors = [
'.bili-rich-textarea__inner',
'.brt-container',
'.reply-box-textarea',
'textarea[placeholder*="评论"]',
'[contenteditable="true"]'
];
selectors.forEach(selector => {
const elements = document.querySelectorAll(selector);
elements.forEach(element => {
if (!element.hasAttribute('data-monitored')) {
element.setAttribute('data-monitored', 'true');
element.addEventListener('keydown', function(e) {
if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
setTimeout(() => handleCommentSend(element), 100);
}
});
}
});
});
const sendSelectors = [
'.reply-box-send',
'.brt-send-btn',
'button[class*="submit"]',
'button[class*="send"]',
'.comment-submit button'
];
sendSelectors.forEach(selector => {
const buttons = document.querySelectorAll(selector);
buttons.forEach(btn => {
if (!btn.hasAttribute('data-monitored')) {
btn.setAttribute('data-monitored', 'true');
btn.addEventListener('click', () => {
const parentForm = btn.closest('form, .reply-box, .comment-box, .brt-container');
const input = parentForm ? parentForm.querySelector('textarea, [contenteditable="true"]') : null;
setTimeout(() => handleCommentSend(input), 100);
});
}
});
});
}, 1000);
}
function handleCommentSend(targetInput = null) {
const inputSelectors = [
'.bili-rich-textarea__inner',
'.brt-container',
'.reply-box-textarea',
'textarea[placeholder*="评论"]',
'[contenteditable="true"]'
];
let commentText = '';
if (targetInput) {
const text = targetInput.value || targetInput.textContent || targetInput.innerText;
if (text && text.trim()) {
commentText = text.trim();
}
}
if (!commentText) {
for (const selector of inputSelectors) {
const inputs = document.querySelectorAll(selector);
for (const input of inputs) {
const text = input.value || input.textContent || input.innerText;
if (text && text.trim()) {
commentText = text.trim();
break;
}
}
if (commentText) break;
}
}
if (commentText) {
const comment = {
text: commentText,
time: new Date().toLocaleTimeString(),
timestamp: Date.now(),
tempId: Date.now() + Math.random(),
rpid: null,
status: "等待ID",
images: [],
videoInfo: getCurrentVideoInfo(),
videoTime: getCurrentVideoTime(),
pageType: getPageType(),
url: window.location.href
};
addCommentWithLimit(comment);
pendingComments.set(comment.tempId, comment);
log('捕获评论发送', commentText);
setTimeout(() => {
if (pendingComments.has(comment.tempId) && !comment.rpid) {
comment.status = "获取失败";
pendingComments.delete(comment.tempId);
log(`评论ID获取超时: ${comment.tempId}`);
updateCommentsDisplay();
saveToCache();
}
}, 30000);
}
}
function updatePendingComment(rpid, content, targetTempId = null) {
log(`尝试匹配评论 rpid=${rpid}`);
let matchedComment = null;
const now = Date.now();
if (targetTempId && pendingComments.has(targetTempId)) {
matchedComment = pendingComments.get(targetTempId);
log('直接tempId匹配成功');
}
if (!matchedComment && content && content.trim()) {
for (const [tempId, comment] of pendingComments) {
if (now - comment.timestamp < 30000) {
const commentText = comment.text.trim();
const contentText = content.trim();
let actualContent = contentText;
const replyMatch = contentText.match(/回复\s*@[^:：]+\s*[：:]\s*(.+)$/);
if (replyMatch) {
actualContent = replyMatch[1].trim();
}
if (commentText === actualContent ||
commentText === contentText ||
commentText.includes(actualContent) ||
actualContent.includes(commentText)) {
matchedComment = comment;
log('内容匹配成功');
break;
}
}
}
}
if (!matchedComment && pendingComments.size > 0) {
for (const [tempId, comment] of pendingComments) {
if (now - comment.timestamp < 30000) {
if (!matchedComment || comment.timestamp > matchedComment.timestamp) {
matchedComment = comment;
}
}
}
if (matchedComment) {
log('使用时间匹配');
}
}
if (matchedComment) {
matchedComment.rpid = rpid;
matchedComment.status = "已获取ID";
const index = capturedComments.findIndex(c => c.tempId === matchedComment.tempId);
if (index !== -1) {
capturedComments[index] = { ...matchedComment };
}
pendingComments.delete(matchedComment.tempId);
log(`✅ 评论匹配成功: rpid=${rpid}`);
updateCommentsDisplay();
saveToCache();
} else {
log(`❌ 未找到匹配评论: rpid=${rpid}`);
}
}
function init() {
console.log('B站监控工具启动（配置化版本）');
console.log('配置参数:', STORAGE_CONFIG);
loadCachedData();
createFloatingBall();
createMainWindow();
new OptimizedNetworkInterceptor();
monitorCommentInput();
const danmakuMonitor = new DanmakuMonitor();
window.danmakuMonitor = danmakuMonitor;
danmakuMonitor.start();
console.log('所有功能已启动');
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => setTimeout(init, 1000));
} else {
setTimeout(init, 1000);
}
})();