MTForum-更新

秋枫Mod

Cynnie 发表于 2026-8-26 11:19
感谢

bug喜+1


这里无法完整预览别人的回复，而且别人的回复中如果带图片也没办法看哦




而且消息通知列表里是分页数的，论坛APP好像还不能自动加载下一页


这一点从已过滤消息数量上就能看出来的
这是我的脚本
这是论坛APP


最后脚本可能对你有用，给你参考参考

1. // ==UserScript==
   
2. // [url=home.php?mod=space&uid=121064]@name[/url]         [MT论坛]消息预览++
   
3. // @namespace    https://github.com/qcxs/mtbbs
   
4. // @version      2026-06-15
   
5. // @description  基于青春向上大佬的消息预览和自动加载进行优化修改，增加和优化了消息过滤功能。
   
6. // @author       青春向上&秋枫Mod
   
7. // @match        *://bbs.binmt.cc/home.php?mod=space&do=notice*
   
8. // @match        *://bbs.binmt.cc/home.php?*type=reply*
   
9. // @icon         https://bbs.binmt.cc/favicon.ico
   
10. // @grant        none
    
11. // @run-at       document-idline
    
12. // @license      MIT
    
13. // ==/UserScript==
    
14. 
    
15. (async function () {
    
16.     'use strict';
    
17. 
    
18.     // ==================== 全局配置和工具函数 ====================
    
19.    
    
20.     const urlObj = new URL(window.location.href);
    
21.     const searchParams = urlObj.searchParams;
    
22.     const phpFile = urlObj.pathname.split('/').pop();
    
23.    
    
24.     async function fetchReplyRoot(url, timeout = 3000) {
    
25.         try {
    
26.             const res = await fetch(url, { signal: AbortSignal.timeout(timeout) });
    
27.             if (!res.ok) return '';
    
28.             const xml = new DOMParser().parseFromString(await res.text(), 'text/xml');
    
29.             return xml.querySelector('root')?.textContent || '';
    
30.         } catch {
    
31.             return '';
    
32.         }
    
33.     }
    
34. 
    
35.     // ==================== 消息提醒预览功能 ====================
    
36.    
    
37.     const PREVIEW_CONFIG = {
    
38.         PROCESSED_MARK: 'mt-preview-processed',
    
39.         notice: {
    
40.             noticeSelector: '.comiis_notice_list>ul',
    
41.             selectContent: 'div.comiis_messages',
    
42.             validCheck: 'a.lit[href*="goto=findpost"]',
    
43.             MAX_CACHE_COUNT: 100,
    
44.             CACHE_STORAGE_KEY: 'mt_bbs_preview_cache',
    
45.             REQUEST_DELAY: 100
    
46.         },
    
47.         postReply: {
    
48.             threadSelector: '.comiis_forumlist>ul',
    
49.             threadASelector: '.mmlist_li_box a',
    
50.             validCheck: '.mmlist_li_box a',
    
51.             loadedMark: 'replyLoaded'
    
52.         },
    
53.         filter: {
    
54.             FILTER_STORAGE_KEY: 'mt_bbs_filter_keywords',
    
55.             FILTERED_MARK: 'mt-filtered-hidden',
    
56.             FILTERED_CLASS: 'mt-filtered-item',
    
57.             SETTINGS_MARK: 'mt-filter-settings'
    
58.         }
    
59.     };
    
60. 
    
61.     // 过滤器相关函数
    
62.     function getFilterKeywords() {
    
63.         try {
    
64.             const data = localStorage.getItem(PREVIEW_CONFIG.filter.FILTER_STORAGE_KEY);
    
65.             if (!data) return [];
    
66.             return data.split('\n').map(s => s.trim()).filter(s => s.length > 0);
    
67.         } catch { return []; }
    
68.     }
    
69. 
    
70.     function saveFilterKeywords(keywords) {
    
71.         localStorage.setItem(PREVIEW_CONFIG.filter.FILTER_STORAGE_KEY, keywords.join('\n'));
    
72.     }
    
73. 
    
74.     function shouldFilter(content) {
    
75.         const keywords = getFilterKeywords();
    
76.         if (!keywords.length) return false;
    
77.         return keywords.some(kw => content.includes(kw));
    
78.     }
    
79. 
    
80.     function updateFilterButton() {
    
81.         const btn = document.getElementById('mt-filter-toggle-btn');
    
82.         if (!btn) return;
    
83.         const count = document.querySelectorAll(`li.${PREVIEW_CONFIG.filter.FILTERED_CLASS}`).length;
    
84.         btn.textContent = `已过滤消息(${count})`;
    
85.     }
    
86. 
    
87.     function toggleFilteredMessages() {
    
88.         const btn = document.getElementById('mt-filter-toggle-btn');
    
89.         if (!btn) return;
    
90.         const items = document.querySelectorAll(`li.${PREVIEW_CONFIG.filter.FILTERED_CLASS}`);
    
91.         const isCurrentlyHidden = btn.dataset.showing === 'true';
    
92. 
    
93.         if (isCurrentlyHidden) {
    
94.             items.forEach((li, index) => {
    
95.                 li.style.transition = `opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease`;
    
96.                 li.style.opacity = '0';
    
97.                 li.style.transform = 'translateY(-10px)';
    
98.                 li.style.maxHeight = '0';
    
99.                 li.style.marginBottom = '0';
    
100.                
     
101.                 setTimeout(() => {
     
102.                     li.style.display = 'none';
     
103.                     li.setAttribute(PREVIEW_CONFIG.filter.FILTERED_MARK, 'true');
     
104.                 }, 300);
     
105.             });
     
106.             
     
107.             setTimeout(() => {
     
108.                 btn.dataset.showing = 'false';
     
109.                 btn.textContent = `已过滤消息(${items.length})`;
     
110.                 btn.style.color = '#53bcf5';
     
111.                
     
112.                 // 切换后检查是否需要自动加载
     
113.                 setTimeout(checkAndLoadNext, 500);
     
114.             }, 300);
     
115.         } else {
     
116.             items.forEach((li, index) => {
     
117.                 li.style.display = '';
     
118.                 li.style.transition = `opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease`;
     
119.                 li.style.opacity = '0';
     
120.                 li.style.transform = 'translateY(-10px)';
     
121.                 li.style.maxHeight = '0';
     
122.                 li.style.marginBottom = '0';
     
123.                
     
124.                 setTimeout(() => {
     
125.                     li.style.opacity = '1';
     
126.                     li.style.transform = 'translateY(0)';
     
127.                     li.style.maxHeight = '500px';
     
128.                     li.style.marginBottom = '8px';
     
129.                 }, index * 50);
     
130.             });
     
131.             
     
132.             btn.dataset.showing = 'true';
     
133.             btn.textContent = `收起已过滤消息(${items.length})`;
     
134.             btn.style.color = '#e6a23c';
     
135.         }
     
136.     }
     
137. 
     
138.     function createReplyDialog(replyUrl, tid, pid) {
     
139.         const existingDialog = document.getElementById('mt-reply-dialog');
     
140.         if (existingDialog) existingDialog.remove();
     
141. 
     
142.         const dialog = document.createElement('div');
     
143.         dialog.id = 'mt-reply-dialog';
     
144.         dialog.style.cssText = `
     
145.             position: fixed;
     
146.             top: 0;
     
147.             left: 0;
     
148.             right: 0;
     
149.             bottom: 0;
     
150.             z-index: 9999;
     
151.             background: #fff;
     
152.             display: flex;
     
153.             flex-direction: column;
     
154.             opacity: 0;
     
155.             transition: opacity 0.3s ease-out;
     
156.         `;
     
157. 
     
158.         dialog.innerHTML = `
     
159.             <div style="display:flex;justify-content:space-between;align-items:center;padding: 12px 16px; border-bottom: 1px solid #eee; background:#f7f8fa;">
     
160.                 <strong style="font-size:16px; font-weight:600; color:#333;">回复</strong>
     
161.                 <span style="cursor:pointer;font-size:24px;color:#999; line-height:1;" id="mt-reply-close">×</span>
     
162.             </div>
     
163.             <div id="mt-reply-iframe-container" style="flex: 1; overflow-y: auto;">
     
164.             </div>
     
165.         `;
     
166. 
     
167.         document.body.appendChild(dialog);
     
168. 
     
169.         const overlay = document.createElement('div');
     
170.         overlay.id = 'mt-reply-overlay';
     
171.         overlay.style.cssText = `
     
172.             position: fixed;
     
173.             top: 0; left: 0; right: 0; bottom: 0;
     
174.             z-index: 9998;
     
175.             background: rgba(0,0,0,0.4);
     
176.             backdrop-filter: blur(2px);
     
177.             opacity: 0;
     
178.             transition: opacity 0.3s ease-out;
     
179.         `;
     
180.         overlay.onclick = closeReplyDialog;
     
181.         document.body.appendChild(overlay);
     
182. 
     
183.         setTimeout(() => {
     
184.             dialog.style.opacity = '1';
     
185.             overlay.style.opacity = '1';
     
186.         }, 10);
     
187. 
     
188.         document.getElementById('mt-reply-close').onclick = closeReplyDialog;
     
189. 
     
190.         const iframeContainer = document.getElementById('mt-reply-iframe-container');
     
191.         const iframe = document.createElement('iframe');
     
192.         iframe.src = replyUrl;
     
193.         iframe.style.cssText = `
     
194.             width: 100%;
     
195.             height: 100%;
     
196.             border: none;
     
197.             min-height: 60vh;
     
198.         `;
     
199.         iframeContainer.appendChild(iframe);
     
200.     }
     
201. 
     
202.     function closeReplyDialog() {
     
203.         const dialog = document.getElementById('mt-reply-dialog');
     
204.         const overlay = document.getElementById('mt-reply-overlay');
     
205.         
     
206.         if (dialog) {
     
207.             dialog.style.opacity = '0';
     
208.         }
     
209.         if (overlay) {
     
210.             overlay.style.opacity = '0';
     
211.         }
     
212. 
     
213.         setTimeout(() => {
     
214.             if (dialog) {
     
215.                 dialog.remove();
     
216.             }
     
217.             if (overlay) {
     
218.                 overlay.remove();
     
219.             }
     
220.         }, 300);
     
221.     }
     
222. 
     
223.     function createFilterToolbar() {
     
224.         if (document.getElementById('mt-filter-toolbar')) return;
     
225. 
     
226.         const toolbar = document.createElement('div');
     
227.         toolbar.id = 'mt-filter-toolbar';
     
228.         toolbar.style.cssText = `
     
229.             display: flex;
     
230.             gap: 8px;
     
231.             align-items: center;
     
232.             padding: 8px 12px;
     
233.             margin-bottom: 10px;
     
234.             background: #f7f8fa;
     
235.             border-radius: 6px;
     
236.             border: 1px solid #e8e8e8;
     
237.         `;
     
238. 
     
239.         const settingsBtn = document.createElement('button');
     
240.         settingsBtn.id = 'mt-filter-settings-btn';
     
241.         settingsBtn.textContent = '⚙ 过滤设置';
     
242.         settingsBtn.style.cssText = `
     
243.             padding: 5px 12px;
     
244.             border: 1px solid #53bcf5;
     
245.             background: #fff;
     
246.             color: #53bcf5;
     
247.             border-radius: 4px;
     
248.             cursor: pointer;
     
249.             font-size: 13px;
     
250.         `;
     
251.         settingsBtn.onclick = () => toggleFilterSettings();
     
252. 
     
253.         const toggleBtn = document.createElement('button');
     
254.         toggleBtn.id = 'mt-filter-toggle-btn';
     
255.         toggleBtn.textContent = '已过滤消息(0)';
     
256.         toggleBtn.dataset.showing = 'false';
     
257.         toggleBtn.style.cssText = `
     
258.             padding: 5px 12px;
     
259.             border: 1px solid #e6a23c;
     
260.             background: #fff;
     
261.             color: #53bcf5;
     
262.             border-radius: 4px;
     
263.             cursor: pointer;
     
264.             font-size: 13px;
     
265.             transition: all 0.2s ease;
     
266.         `;
     
267.         toggleBtn.onclick = toggleFilteredMessages;
     
268.         
     
269.         toggleBtn.addEventListener('mouseenter', () => {
     
270.             toggleBtn.style.backgroundColor = '#f0f0f0';
     
271.         });
     
272.         toggleBtn.addEventListener('mouseleave', () => {
     
273.             toggleBtn.style.backgroundColor = '#fff';
     
274.         });
     
275. 
     
276.         toolbar.appendChild(settingsBtn);
     
277.         toolbar.appendChild(toggleBtn);
     
278. 
     
279.         const container = document.querySelector(PREVIEW_CONFIG.notice.noticeSelector);
     
280.         if (container) {
     
281.             container.parentNode.insertBefore(toolbar, container);
     
282.         }
     
283.     }
     
284. 
     
285.     let filterSettingsPanel = null;
     
286.     let originalOverflow = '';
     
287. 
     
288.     function toggleFilterSettings() {
     
289.         if (filterSettingsPanel && filterSettingsPanel.parentNode) {
     
290.             closeFilterSettings();
     
291.             return;
     
292.         }
     
293. 
     
294.         originalOverflow = document.body.style.overflow;
     
295.         document.body.style.overflow = 'hidden';
     
296. 
     
297.         filterSettingsPanel = document.createElement('div');
     
298.         filterSettingsPanel.id = 'mt-filter-settings-panel';
     
299.         filterSettingsPanel.style.cssText = `
     
300.             position: fixed;
     
301.             top: 50%;
     
302.             left: 50%;
     
303.             transform: translate(-50%, -50%) scale(0.95);
     
304.             z-index: 9999;
     
305.             background: #fff;
     
306.             border: 1px solid #53bcf5;
     
307.             border-radius: 6px;
     
308.             width: 90%;
     
309.             max-width: 500px;
     
310.             max-height: 80vh;
     
311.             overflow-y: auto;
     
312.             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
     
313.             opacity: 0;
     
314.             transition: all 0.3s ease-out;
     
315.         `;
     
316. 
     
317.         const keywords = getFilterKeywords();
     
318. 
     
319.         filterSettingsPanel.innerHTML = `
     
320.             <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px; padding: 16px 20px 0;">
     
321.                 <strong style="font-size:15px; font-weight:600; color:#333;">评论过滤设置</strong>
     
322.                 <span style="cursor:pointer;font-size:22px;color:#999; line-height:1;" id="mt-filter-close">×</span>
     
323.             </div>
     
324.             <p style="font-size:12px;color:#999;margin:0 0 8px 0; padding: 0 20px;">每行一个关键词，包含该关键词的消息将被隐藏</p>
     
325.             <textarea id="mt-filter-keywords-input" style="
     
326.                 width: calc(100% - 40px);
     
327.                 height: 200px;
     
328.                 margin: 0 20px;
     
329.                 padding: 12px;
     
330.                 border: 1px solid #ddd;
     
331.                 border-radius: 4px;
     
332.                 font-size: 14px;
     
333.                 resize: vertical;
     
334.                 box-sizing: border-box;
     
335.                 line-height: 1.5;
     
336.                 font-family: inherit;
     
337.             ">${keywords.join('\n')}</textarea>
     
338.             <div style="display:flex;justify-content:flex-end;align-items:center;margin-top:12px; padding: 0 20px 16px;">
     
339.                 <span style="font-size:12px;color:#999;">输入后自动保存</span>
     
340.             </div>
     
341.         `;
     
342. 
     
343.         document.body.appendChild(filterSettingsPanel);
     
344. 
     
345.         const overlay = document.createElement('div');
     
346.         overlay.id = 'mt-filter-overlay';
     
347.         overlay.style.cssText = `
     
348.             position: fixed;
     
349.             top: 0; left: 0; right: 0; bottom: 0;
     
350.             z-index: 9998;
     
351.             background: rgba(0,0,0,0.4);
     
352.             backdrop-filter: blur(2px);
     
353.             opacity: 0;
     
354.             transition: opacity 0.3s ease-out;
     
355.         `;
     
356.         overlay.onclick = closeFilterSettings;
     
357.         document.body.appendChild(overlay);
     
358. 
     
359.         setTimeout(() => {
     
360.             filterSettingsPanel.style.transform = 'translate(-50%, -50%) scale(1)';
     
361.             filterSettingsPanel.style.opacity = '1';
     
362.             overlay.style.opacity = '1';
     
363.         }, 10);
     
364. 
     
365.         document.getElementById('mt-filter-close').onclick = closeFilterSettings;
     
366. 
     
367.         const keywordsInput = document.getElementById('mt-filter-keywords-input');
     
368.         keywordsInput.addEventListener('input', autoSaveKeywords);
     
369.     }
     
370. 
     
371.     function autoSaveKeywords() {
     
372.         const text = document.getElementById('mt-filter-keywords-input').value;
     
373.         const kws = text.split('\n').map(s => s.trim()).filter(s => s.length > 0);
     
374.         saveFilterKeywords(kws);
     
375.         reapplyFilter();
     
376.     }
     
377. 
     
378.     function closeFilterSettings() {
     
379.         if (!filterSettingsPanel) return;
     
380. 
     
381.         document.body.style.overflow = originalOverflow;
     
382. 
     
383.         filterSettingsPanel.style.transform = 'translate(-50%, -50%) scale(0.95)';
     
384.         filterSettingsPanel.style.opacity = '0';
     
385.         const overlay = document.getElementById('mt-filter-overlay');
     
386.         if (overlay) {
     
387.             overlay.style.opacity = '0';
     
388.         }
     
389. 
     
390.         setTimeout(() => {
     
391.             if (filterSettingsPanel) {
     
392.                 filterSettingsPanel.remove();
     
393.                 filterSettingsPanel = null;
     
394.             }
     
395.             if (overlay) {
     
396.                 overlay.remove();
     
397.             }
     
398.         }, 300);
     
399.     }
     
400. 
     
401.     function reapplyFilter() {
     
402.         const keywords = getFilterKeywords();
     
403.         const allItems = document.querySelectorAll('li');
     
404.         allItems.forEach(li => {
     
405.             if (!li.hasAttribute(PREVIEW_CONFIG.PROCESSED_MARK)) return;
     
406.             const contentEl = li.querySelector('.comiis_messages');
     
407.             if (!contentEl) return;
     
408.             const content = contentEl.innerText || '';
     
409. 
     
410.             if (keywords.length === 0) {
     
411.                 li.classList.remove(PREVIEW_CONFIG.filter.FILTERED_CLASS);
     
412.                 li.style.display = '';
     
413.                 li.removeAttribute(PREVIEW_CONFIG.filter.FILTERED_MARK);
     
414.                 removeFilterBadge(li);
     
415.             } else if (keywords.some(kw => content.includes(kw))) {
     
416.                 if (!li.classList.contains(PREVIEW_CONFIG.filter.FILTERED_CLASS)) {
     
417.                     li.classList.add(PREVIEW_CONFIG.filter.FILTERED_CLASS);
     
418.                 }
     
419.                 if (li.getAttribute(PREVIEW_CONFIG.filter.FILTERED_MARK) !== 'true') {
     
420.                     li.style.display = 'none';
     
421.                     li.setAttribute(PREVIEW_CONFIG.filter.FILTERED_MARK, 'true');
     
422.                 }
     
423.                 addFilterBadge(li);
     
424.             } else {
     
425.                 li.classList.remove(PREVIEW_CONFIG.filter.FILTERED_CLASS);
     
426.                 li.style.display = '';
     
427.                 li.removeAttribute(PREVIEW_CONFIG.filter.FILTERED_MARK);
     
428.                 removeFilterBadge(li);
     
429.             }
     
430.         });
     
431.         updateFilterButton();
     
432.         
     
433.         // 过滤后检查是否需要自动加载
     
434.         setTimeout(checkAndLoadNext, 500);
     
435.     }
     
436. 
     
437.     function applyFilterToItem(li, content) {
     
438.         if (shouldFilter(content)) {
     
439.             li.classList.add(PREVIEW_CONFIG.filter.FILTERED_CLASS);
     
440.             li.style.display = 'none';
     
441.             li.setAttribute(PREVIEW_CONFIG.filter.FILTERED_MARK, 'true');
     
442.             addFilterBadge(li);
     
443.             updateFilterButton();
     
444.             return true;
     
445.         }
     
446.         removeFilterBadge(li);
     
447.         return false;
     
448.     }
     
449. 
     
450.     function addFilterBadge(li) {
     
451.         if (li.querySelector('.mt-filter-badge')) return;
     
452. 
     
453.         const badge = document.createElement('span');
     
454.         badge.className = 'mt-filter-badge';
     
455.         badge.textContent = '已过滤';
     
456.         badge.style.cssText = `
     
457.             position: absolute;
     
458.             bottom: 6px;
     
459.             right: 6px;
     
460.             color: #f56c6c;
     
461.             background: #fff;
     
462.             border: 1px solid #f56c6c;
     
463.             font-size: 11px;
     
464.             font-weight: 500;
     
465.             padding: 2px 6px;
     
466.             border-radius: 3px;
     
467.             z-index: 10;
     
468.             box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     
469.         `;
     
470. 
     
471.         if (getComputedStyle(li).position === 'static') {
     
472.             li.style.position = 'relative';
     
473.         }
     
474. 
     
475.         li.appendChild(badge);
     
476.     }
     
477. 
     
478.     function removeFilterBadge(li) {
     
479.         const badge = li.querySelector('.mt-filter-badge');
     
480.         if (badge) {
     
481.             badge.remove();
     
482.         }
     
483.     }
     
484. 
     
485.     function initCommonListObserver(containerSel, itemSel, validCheck, callback) {
     
486.         const container = document.querySelector(containerSel);
     
487.         if (!container) {
     
488.             console.log('监听失败，没有帖子！')
     
489.             return;
     
490.         }
     
491.         document.querySelectorAll(itemSel).forEach(el => {
     
492.             if (validCheck(el))
     
493.                 callback(el)
     
494.         });
     
495.         const observer = new MutationObserver(muts => {
     
496.             muts.forEach(mut => {
     
497.                 mut.addedNodes.forEach(node => {
     
498.                     if (node.nodeType === 1 && node.matches(itemSel)) {
     
499.                         if (validCheck(node)) callback(node);
     
500.                     }
     
501.                 });
     
502.             });
     
503.         });
     
504.         observer.observe(container, { childList: true, subtree: false });
     
505.     }
     
506. 
     
507.     async function initNoticePreview() {
     
508.         const cfg = PREVIEW_CONFIG.notice;
     
509. 
     
510.         createFilterToolbar();
     
511. 
     
512.         let cacheList = [];
     
513.         try {
     
514.             const data = localStorage.getItem(cfg.CACHE_STORAGE_KEY);
     
515.             if (data) {
     
516.                 const parsed = JSON.parse(data);
     
517.                 if (Array.isArray(parsed)) {
     
518.                     cacheList = parsed;
     
519.                 } else {
     
520.                     throw new Error('缓存格式有误，自动重置！')
     
521.                 }
     
522.             }
     
523.         } catch (e) {
     
524.             console.log('发生错误：', e)
     
525.             localStorage.removeItem(cfg.CACHE_STORAGE_KEY);
     
526.             cacheList = [];
     
527.         }
     
528. 
     
529.         const requestQueue = [];
     
530.         let isQueueRunning = false;
     
531. 
     
532.         initCommonListObserver(cfg.noticeSelector, `${cfg.noticeSelector}>li`,
     
533.             li => !li.hasAttribute(PREVIEW_CONFIG.PROCESSED_MARK) && li.querySelector(cfg.validCheck),
     
534.             li => {
     
535.                 if (!li.hasAttribute(PREVIEW_CONFIG.PROCESSED_MARK)) {
     
536.                     processNoticeItem(li);
     
537.                 }
     
538.             });
     
539. 
     
540.         function processNoticeItem(li) {
     
541.             li.setAttribute(PREVIEW_CONFIG.PROCESSED_MARK, 'true');
     
542.             const viewLink = li.querySelector(cfg.validCheck);
     
543.             if (!viewLink) return;
     
544. 
     
545.             const { tid, pid } = getTidPidFromUrl(viewLink.href);
     
546.             if (!tid || !pid) return;
     
547.             const cacheKey = `${tid}_${pid}`;
     
548.             const cacheData = cacheList.find(item => item.key === cacheKey);
     
549. 
     
550.             if (cacheData) {
     
551.                 insertContentToLi(li, cacheData.content, cacheData.replyHref, tid, pid);
     
552.                 applyFilterToItem(li, cacheData.content);
     
553.             } else {
     
554.                 requestQueue.push({ li, tid, pid, cacheKey });
     
555.                 if (!isQueueRunning) runQueue();
     
556.             }
     
557.         }
     
558. 
     
559.         async function runQueue() {
     
560.             if (requestQueue.length === 0) { isQueueRunning = false; return; }
     
561.             isQueueRunning = true;
     
562.             const task = requestQueue.shift();
     
563. 
     
564.             try {
     
565.                 const url = `https://bbs.binmt.cc/forum.php?mod=viewthread&tid=${task.tid}&viewpid=${task.pid}&mobile=2&inajax=1`;
     
566.                 const rootHtml = await fetchReplyRoot(url);
     
567.                 const result = parseContentAndReplyHref(rootHtml);
     
568.                 insertContentToLi(task.li, result.content, result.replyHref, task.tid, task.pid);
     
569. 
     
570.                 applyFilterToItem(task.li, result.content);
     
571. 
     
572.                 if (result.content && !result.content.includes('失败') && !result.content.includes('[空内容]')) {
     
573.                     cacheList = cacheList.filter(item => item.key !== task.cacheKey);
     
574.                     cacheList.unshift({ key: task.cacheKey, ...result, time: Date.now() });
     
575.                     if (cacheList.length > cfg.MAX_CACHE_COUNT) cacheList = cacheList.slice(0, cfg.MAX_CACHE_COUNT);
     
576.                     localStorage.setItem(cfg.CACHE_STORAGE_KEY, JSON.stringify(cacheList));
     
577.                 }
     
578.             } catch (e) {
     
579.                 insertContentToLi(task.li, '[加载失败]', '', task.tid, task.pid);
     
580.             } finally {
     
581.                 setTimeout(runQueue, cfg.REQUEST_DELAY);
     
582.             }
     
583.         }
     
584. 
     
585.         function getTidPidFromUrl(url) {
     
586.             const p = new URLSearchParams(url);
     
587.             return { tid: p.get('ptid'), pid: p.get('pid') };
     
588.         }
     
589. 
     
590.         function parseContentAndReplyHref(rootHtml) {
     
591.             try {
     
592.                 if (!rootHtml) return { content: '[获取失败]', replyHref: '' };
     
593.                 const div = document.createElement('div');
     
594.                 div.innerHTML = rootHtml;
     
595.                 const content = div.querySelector(cfg.selectContent)?.innerHTML?.trim() || '[空内容]';
     
596.                 const replyHref = div.querySelector('a[href*="action=reply"]')?.href || '';
     
597.                 div.remove();
     
598.                 return { content, replyHref };
     
599.             } catch { return { content: '[解析失败]', replyHref: '' }; }
     
600.         }
     
601. 
     
602.         function insertContentToLi(li, html, replyHref, tid, pid) {
     
603.             const box = document.createElement('div');
     
604.             box.style.width = '100%';
     
605.             li.appendChild(box);
     
606.             const root = box.attachShadow({ mode: 'open' });
     
607.             root.innerHTML = `
     
608.                 <style>
     
609.                     .comiis_postli img[smilieid]{max-height:22px;margin:1px;vertical-align:top;}
     
610.                     .comiis_messages {
     
611.                         font-size: 16px !important;
     
612.                         line-height: 1.6 !important;
     
613.                     }
     
614.                     .comiis_a {
     
615.                         font-size: 16px !important;
     
616.                         line-height: 1.6 !important;
     
617.                     }
     
618.                     .comiis_postli {
     
619.                         font-size: 16px !important;
     
620.                     }
     
621.                 </style>
     
622.                 <link rel="stylesheet" href="https://cdn.binmt.cc/template/comiis_app/comiis/css/comiis.css">
     
623.                 <link rel="stylesheet" href="https://bbs.binmt.cc/source/plugin/comiis_app/cache/comiis_1_style.css">
     
624.                 <div class="comiis_postli"><div class="comiis_messages"><div class="comiis_a">${html}</div></div></div>`;
     
625. 
     
626.             if (replyHref) {
     
627.                 const btn = document.createElement('span');
     
628.                 btn.textContent = '回复';
     
629.                 btn.style.cssText = 'float:right;color:#53bcf5;margin-right:20px;cursor:pointer';
     
630.                 btn.onclick = e => {
     
631.                     e.stopPropagation();
     
632.                     createReplyDialog(replyHref, tid, pid);
     
633.                 };
     
634.                 li.querySelector('h2')?.appendChild(btn);
     
635.             }
     
636.         }
     
637.     }
     
638. 
     
639.     function initPostReply() {
     
640.         const cfg = PREVIEW_CONFIG.postReply;
     
641. 
     
642.         initCommonListObserver(cfg.threadSelector, `${cfg.threadSelector}>li`,
     
643.             li => !li.hasAttribute(PREVIEW_CONFIG.PROCESSED_MARK) && li.querySelector(cfg.validCheck),
     
644.             li => { createCheckReplyButton(li); });
     
645. 
     
646.         function createCheckReplyButton(li) {
     
647.             li.setAttribute(PREVIEW_CONFIG.PROCESSED_MARK, 'true');
     
648. 
     
649.             const btn = document.createElement('span');
     
650.             btn.textContent = '查看回复';
     
651.             btn.style.cssText = `
     
652.                 display: block;
     
653.                 width: 100%;
     
654.                 text-align: center;
     
655.                 padding: 6px 0;
     
656.                 color:#53bcf5;
     
657.                 background: #f7f8fa;
     
658.                 border-radius: 4px;
     
659.                 font-size: 14px;
     
660.             `;
     
661. 
     
662.             btn.onclick = async () => {
     
663.                 if (li.dataset[cfg.loadedMark]) return;
     
664.                 li.dataset[cfg.loadedMark] = "true";
     
665.                 li.dataset.replyLoaded = '';
     
666.                 btn.textContent = '加载中...';
     
667.                 li.querySelectorAll('div[id^="pid"]').forEach(el => el.remove());
     
668. 
     
669.                 try {
     
670.                     const threadA = li.querySelector(cfg.threadASelector);
     
671.                     if (!threadA) throw new Error('获取帖子信息失败');
     
672. 
     
673.                     const tid = threadA.href.match(/thread-(\d+)-/)?.[1];
     
674.                     const authorid = searchParams.get('uid') || window.discuz_uid;
     
675.                     if (!tid || !authorid) throw new Error('tid/uid 获取失败');
     
676. 
     
677.                     const apiUrl = `https://bbs.binmt.cc/forum.php?mod=viewthread&tid=${tid}&page=1&authorid=${authorid}&inajax=1`;
     
678.                     const rootHtml = await fetchReplyRoot(apiUrl);
     
679.                     const pidElements = parseAllPidElements(rootHtml);
     
680. 
     
681.                     if (pidElements.length) {
     
682.                         pidElements.forEach(el => li.appendChild(el));
     
683.                         btn.textContent = `刷新回复 (${pidElements.length}条)`;
     
684.                     } else {
     
685.                         btn.textContent = '无回复';
     
686.                     }
     
687.                 } catch (err) {
     
688.                     btn.textContent = '重试';
     
689.                     console.warn('加载异常', err);
     
690.                 } finally {
     
691.                     li.dataset[cfg.loadedMark] = "";
     
692.                 }
     
693.             };
     
694.             li.appendChild(btn);
     
695.         }
     
696. 
     
697.         function parseAllPidElements(rootHtml) {
     
698.             if (!rootHtml) throw new Error('获取回复数据失败');
     
699.             const div = document.createElement('div');
     
700.             div.innerHTML = rootHtml;
     
701.             return Array.from(div.querySelectorAll('div[id^="pid"]'));
     
702.         }
     
703.     }
     
704. 
     
705.     // ==================== 自动下一页功能 ====================
     
706.    
     
707.     const PAGINATION_ENUM = {
     
708.         noticeSelector: '.comiis_notice_list>ul',
     
709.         postListSelector: '.comiis_forumlist>ul',
     
710.         unknownPage: 999,
     
711.         loadThreshold: 1000,
     
712.         requestTimeout: 3000,
     
713.     }
     
714. 
     
715.     let paginationState = {
     
716.         currentPage: 1,
     
717.         totalPage: 999,
     
718.         isLoading: false,
     
719.         isFailed: false,
     
720.         observedMarkers: new Set(),
     
721.         mode: '',
     
722.         listSelector: ''
     
723.     };
     
724. 
     
725.     function initAutoNextPage() {
     
726.         // 判断页面类型
     
727.         const url = new URL(window.location.href);
     
728.         
     
729.         if (url.searchParams.get('mod') === 'space' && url.searchParams.get('do') === 'notice') {
     
730.             paginationState.mode = 'notice';
     
731.             paginationState.listSelector = PAGINATION_ENUM.noticeSelector;
     
732.         } else if (url.searchParams.get('type') === 'reply') {
     
733.             paginationState.mode = 'postReply';
     
734.             paginationState.listSelector = PAGINATION_ENUM.postListSelector;
     
735.         } else {
     
736.             console.log('自动下一页：当前页面不支持分页功能');
     
737.             return;
     
738.         }
     
739. 
     
740.         // 检查是否有分页元素
     
741.         if (!$('.comiis_page').length) {
     
742.             console.log('自动下一页：无分页元素，功能终止');
     
743.             return;
     
744.         }
     
745. 
     
746.         // 获取分页信息
     
747.         const pageInfos = getPaginationPageInfo();
     
748.         paginationState.currentPage = pageInfos.currentPage;
     
749.         paginationState.totalPage = pageInfos.totalPage;
     
750. 
     
751.         console.log(`自动下一页：初始化分页功能，第${paginationState.currentPage}/${paginationState.totalPage}页`);
     
752. 
     
753.         // 初始化分页功能
     
754.         initPagination();
     
755.     }
     
756. 
     
757.     function getPaginationPageInfo() {
     
758.         const $select = $('#dumppage');
     
759.         const totalPage = $select.length ? $select.find('option').length : PAGINATION_ENUM.unknownPage;
     
760.         const urlPage = new URL(window.location.href).searchParams.get('page');
     
761.         let currentPage = parseInt(urlPage?.trim()) || ($select.length ? parseInt($select.find('option:selected').val()) : 1);
     
762.         
     
763.         if (currentPage < 1) currentPage = 1;
     
764.         else if (!Number.isInteger(currentPage)) currentPage = Math.floor(currentPage);
     
765.         
     
766.         return { currentPage, totalPage };
     
767.     }
     
768. 
     
769.     function initPagination() {
     
770.         // 隐藏原始分页选择器
     
771.         $('.comiis_page').css('display', 'none');
     
772. 
     
773.         // 添加当前页标记
     
774.         addPageMarker({ pageNum: paginationState.currentPage });
     
775.         
     
776.         // 启动滚动监听
     
777.         $(window).scroll(handleScroll);
     
778.         console.log('自动下一页：滚动加载监听已启动');
     
779. 
     
780.         // 延迟检查是否需要自动加载
     
781.         setTimeout(() => {
     
782.             checkAndLoadNext();
     
783.         }, 500);
     
784. 
     
785.         // 绑定页码跳转事件
     
786.         $(document).off('click', '.page-jump-link').on('click', '.page-jump-link', function () {
     
787.             const inputPage = prompt(`请输入要跳转的页码（1-${paginationState.totalPage}）：`, paginationState.currentPage);
     
788.             if (!inputPage) return;
     
789. 
     
790.             const targetPage = parseInt(inputPage.trim());
     
791.             if (isNaN(targetPage) || targetPage < 1 || targetPage > paginationState.totalPage) {
     
792.                 alert(`请输入1-${paginationState.totalPage}之间的有效数字！`);
     
793.                 return;
     
794.             }
     
795. 
     
796.             window.location.href = buildJumpUrl(targetPage);
     
797.         });
     
798.     }
     
799. 
     
800.     // 智能加载检测：如果内容不足一页，自动加载下一页
     
801.     function checkAndLoadNext() {
     
802.         if (paginationState.isFailed || paginationState.isLoading || paginationState.currentPage >= paginationState.totalPage) {
     
803.             return;
     
804.         }
     
805. 
     
806.         const $postList = $(paginationState.listSelector).first();
     
807.         if (!$postList.length) return;
     
808. 
     
809.         // 检查是否还有未加载的标记（表示还有下一页）
     
810.         const hasMorePages = paginationState.currentPage < paginationState.totalPage;
     
811.         if (!hasMorePages) return;
     
812. 
     
813.         // 检查当前显示的内容是否不足一页
     
814.         const listHeight = $postList.height();
     
815.         const windowHeight = $(window).height();
     
816.         
     
817.         // 如果列表高度小于窗口高度，说明内容不足一页，无法通过滚动触发
     
818.         if (listHeight < windowHeight) {
     
819.             console.log('自动下一页：内容不足一页，自动加载下一页');
     
820.             loadPage(paginationState.currentPage + 1);
     
821.         }
     
822.     }
     
823. 
     
824.     function addPageMarker({ pageNum = paginationState.currentPage, isLoadingState, errorObject, loadAll }) {
     
825.         const $postList = $(paginationState.listSelector).first();
     
826.         if (!$postList.length || (paginationState.currentPage == 1 && pageNum == 1)) return;
     
827. 
     
828.         // 移除加载中标记
     
829.         $postList.find(`li:contains("加载中...")`).remove();
     
830. 
     
831.         const totalPageText = paginationState.totalPage != PAGINATION_ENUM.unknownPage ? `/共${paginationState.totalPage}页` : '';
     
832.         let prepend = pageNum <= paginationState.currentPage;
     
833.         let marker = null;
     
834. 
     
835.         if (isLoadingState) {
     
836.             marker = $(`<li style="text-align:center; padding: 0; margin:10px 0;"> <span class="page-jump-link" style="color:#507daf;">第${pageNum}页</span>
     
837.             ${totalPageText} 加载中...</li>`)
     
838.         } else if (errorObject) {
     
839.             marker = $(`<li class="retry-marker" style="text-align:center; padding: 0; margin:10px 0; color:red;">
     
840.              <span class="page-jump-link" style="color:#507daf;">第${pageNum}页</span>${totalPageText} 加载失败
     
841.              <span class="retry-button" style="color:#007bff; margin-left:5px;">点击重试</span>
     
842.              <p style="color:red; margin-left:5px;"></p>
     
843.             </li>`)
     
844.             const errorMessage = typeof (errorObject == 'string') ? errorObject : JSON.stringify(errorObject);
     
845.             const truncatedErrorMessage = errorMessage.length > 200 ? `${errorMessage.substring(0, 200)}......` : errorMessage;
     
846.             marker.find('p').text(truncatedErrorMessage);
     
847.             $(marker).on('click', '.retry-button', function () {
     
848.                 paginationState.isFailed = false;
     
849.                 loadPage(pageNum);
     
850.                 $(this).closest('.retry-marker').remove();
     
851.             });
     
852.         } else if (loadAll) {
     
853.             marker = $(`<li style="text-align:center; padding: 0; margin:10px 0; color:#666;">
     
854.                     已全部 <span class="page-jump-link" style="color:#507daf;">共${pageNum}页</span>
     
855.                     加载 <a href="${buildJumpUrl(1)}" style="color:#507daf;">回到第1页</a>
     
856.                 </li>`)
     
857.             prepend = false;
     
858.         } else {
     
859.             marker = $(`<li style="text-align:center; padding: 0; margin:10px 0;">
     
860.             <span class="page-jump-link" style="color:#507daf;">第${pageNum}页</span>${totalPageText}
     
861.             ${(prepend && pageNum != 1) ? `<span class="loadPreNext" style="color:#507daf;">上一页</span>` : ''}
     
862.         </li>`)
     
863.             $(marker).on('click', '.loadPreNext', function () {
     
864.                 if (paginationState.isFailed) {
     
865.                     alert('下一页加载发生错误，重试后才允许加载上一页。');
     
866.                     return;
     
867.                 }
     
868.                 loadPage(pageNum - 1);
     
869.                 $(this).remove();
     
870.             });
     
871.         }
     
872. 
     
873.         if (prepend) {
     
874.             $postList.prepend(marker);
     
875.         } else {
     
876.             $postList.append(marker);
     
877.         }
     
878.     }
     
879. 
     
880.     function buildJumpUrl(targetPage, inajax) {
     
881.         const url = new URL(window.location.href);
     
882.         url.searchParams.set('page', targetPage);
     
883.         if (inajax) {
     
884.             url.searchParams.set('inajax', '1');
     
885.         } else {
     
886.             url.searchParams.delete('inajax');
     
887.         }
     
888.         return url.toString();
     
889.     }
     
890. 
     
891.     function loadPage(page) {
     
892.         if (paginationState.isLoading || (page > paginationState.totalPage || page < 1) || paginationState.isFailed) return;
     
893. 
     
894.         addPageMarker({ pageNum: page, isLoadingState: true });
     
895.         const requestUrl = buildJumpUrl(page, true);
     
896. 
     
897.         paginationState.isLoading = true;
     
898.         $.ajax({
     
899.             type: 'GET',
     
900.             url: requestUrl,
     
901.             dataType: 'xml',
     
902.             timeout: PAGINATION_ENUM.requestTimeout
     
903.         }).then(function (response) {
     
904.             try {
     
905.                 const root = response.lastChild.firstChild.nodeValue
     
906.                 if (typeof (root) == "undefined" || root == null) throw new Error('数据格式错误！');
     
907. 
     
908.                 const htmlContent = parseResponse(root);
     
909.                 const $postList = $(paginationState.listSelector).first();
     
910. 
     
911.                 if (root.includes('本版块或指定的范围内尚无主题') || (!htmlContent && paginationState.totalPage == PAGINATION_ENUM.unknownPage)) {
     
912.                     allLoaded(paginationState.currentPage)
     
913.                     return;
     
914.                 } else if (!htmlContent) throw new Error('数据解析失败！')
     
915. 
     
916.                 if (page < paginationState.currentPage) {
     
917.                     $postList.prepend(htmlContent);
     
918.                     addPageMarker({ pageNum: page });
     
919.                 } else {
     
920.                     addPageMarker({ pageNum: page });
     
921.                     $postList.append(htmlContent);
     
922.                     paginationState.currentPage = page;
     
923.                 }
     
924. 
     
925.                 console.log(`自动下一页：加载成功第${paginationState.currentPage}/${paginationState.totalPage}页`);
     
926. 
     
927.                 // 初始化新增元素的功能按钮
     
928.                 window.comiis_recommend_addkey?.();
     
929.                 window.comiis_user_gz_key?.();
     
930.                 if (window.popup?.init) window.popup.init();
     
931. 
     
932.                 // 加载完成后检查是否需要继续自动加载
     
933.                 setTimeout(() => {
     
934.                     checkAndLoadNext();
     
935.                 }, 500);
     
936. 
     
937.                 if (page >= paginationState.totalPage || (!root.includes('下一页') && paginationState.totalPage == PAGINATION_ENUM.unknownPage)) {
     
938.                     allLoaded(page);
     
939.                 }
     
940. 
     
941.             } catch (error) {
     
942.                 return $.Deferred().reject(error);
     
943.             }
     
944.         }).then(null, function (e) {
     
945.             console.error(`自动下一页：加载失败第${page}页`, e);
     
946.             addPageMarker({ pageNum: page, errorObject: e });
     
947.             paginationState.isFailed = true;
     
948.         }).always(function () {
     
949.             paginationState.isLoading = false;
     
950.         });
     
951.     }
     
952. 
     
953.     function parseResponse(root) {
     
954.         const $temp = $(`<div>${root}</div>`);
     
955.         return $temp.find(paginationState.listSelector).html() || '';
     
956.     }
     
957. 
     
958.     function handleScroll() {
     
959.         if (paginationState.isFailed || paginationState.isLoading || paginationState.currentPage >= paginationState.totalPage) return;
     
960. 
     
961.         const scrollTop = $(window).scrollTop();
     
962.         const windowHeight = $(window).height();
     
963.         const docHeight = $(document).height();
     
964. 
     
965.         if (docHeight - (scrollTop + windowHeight) <= PAGINATION_ENUM.loadThreshold) {
     
966.             loadPage(paginationState.currentPage + 1);
     
967.         }
     
968.     }
     
969. 
     
970.     function allLoaded(pageNum = paginationState.totalPage) {
     
971.         addPageMarker({ pageNum, loadAll: true });
     
972.         $(window).off("scroll", handleScroll);
     
973.         console.log("自动下一页：所有页已全部加载，解除滚动监听。");
     
974.     }
     
975. 
     
976.     // ==================== 页面类型判断和功能启动 ====================
     
977.    
     
978.     let pageType = '未知页面'
     
979. 
     
980.     // 判断页面类型并启动相应功能
     
981.     if (phpFile === 'home.php' && searchParams.get('mod') === 'space' && searchParams.get('do') === 'notice') {
     
982.         // 消息提醒页面 - 启动消息预览和自动下一页功能
     
983.         await initNoticePreview();
     
984.         pageType = '【消息提醒页】'
     
985.         
     
986.         // 启动自动下一页功能
     
987.         initAutoNextPage();
     
988.     } else if (phpFile === 'home.php' && searchParams.get('type') === 'reply') {
     
989.         // 帖子回复页面 - 启动帖子回复查看和自动下一页功能
     
990.         initPostReply();
     
991.         pageType = '【帖子回复页】'
     
992.         
     
993.         // 启动自动下一页功能
     
994.         initAutoNextPage();
     
995.     }
     
996. 
     
997.     console.log('当前页面类型：', pageType);
     
998. 
     
999. })();
     

复制代码

lzbyncl

能否加热帖排行

weit

看看隐藏

787981182

谢谢分享

小黑点

看看隐藏

╰☆秋风oO

看看隐藏，感谢分享

星逸

感谢分享

小野猫

感谢分享

少年曾在今何去

感谢分享

yyc521

看看

Wait2023

看看隐藏

Wait2023

下载试用下