【油猴脚本】二手市场寄售情况统计（兼容博物馆传送门）

动机
上周调教DeepSeek写了一个二手市场勋章数量统计的脚本【油猴脚本】二手市场寄售情况统计。而后在使用过程中，我发现这个脚本似乎和博物馆传送门不兼容，会使其失效：二手市场块内的勋章图片、下方记录中的勋章名称文字，均无法点击跳转。
于是编写了这么一个新版本来优化兼容性。现在除了修复上面提到的两点，统计结果块内的勋章图片也能跳转了。

功能
排序逻辑：优先按照数量，从高到低排列。如果数量相同，则按照出现在市场中的先后顺序排列。
外观设计：沿用已有格式，宽度字体颜色等均相同，以确保设计语言的统一。上方统计结果可以可以和下方勋章一一对齐。
兼容性：新版本保持了DOM结构一致性，而博物馆传送门的modifyHref()函数依赖这个结构来查找并替换链接。这使得统计结果块也能被识别并添加跳转链接。

代码
@Name  @Match  @Icon

1. // ==UserScript==
   
2. // @name         勋章：二手市场寄售情况统计
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      0.2
   
5. // @description  统计二手市场同类勋章数量（与博物馆兼容）
   
6. // @author       Étoiles & DeepSeek
   
7. // @match        https://www.gamemale.com/wodexunzhang-showxunzhang.html?action=showjishou
   
8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=gamemale.com
   
9. // @grant        GM_log
   
10. // ==/UserScript==
    
11. 
    
12. (function () {
    
13.     'use strict';
    
14. 
    
15.     // 调试日志函数
    
16.     function debugLog(message) {
    
17.         if (typeof GM_log !== 'undefined') {
    
18.             GM_log(message);
    
19.         }
    
20.         console.log('[勋章统计]', message);
    
21.     }
    
22. 
    
23.     // 新版元素查找函数
    
24.     function findMarketTitle() {
    
25.         const titles = document.querySelectorAll('.my_biaoti');
    
26.         for (let title of titles) {
    
27.             if (title.textContent.includes('二手市场')) {
    
28.                 debugLog('找到标题元素');
    
29.                 return title;
    
30.             }
    
31.         }
    
32.         debugLog('未找到标题元素');
    
33.         return null;
    
34.     }
    
35. 
    
36.     // 主执行函数
    
37.     function main() {
    
38.         const titleDiv = findMarketTitle();
    
39.         if (!titleDiv) {
    
40.             debugLog('中止：未找到标题元素');
    
41.             return;
    
42.         }
    
43. 
    
44.         // 创建统计容器
    
45.         const statsDiv = document.createElement('div');
    
46.         statsDiv.id = 'medal-stats-box';
    
47.         statsDiv.style.cssText = `
    
48.             padding: 5px 0px 10px 0px;
    
49.             background: #f5f5f5;
    
50.             border: 0px solid #ddd;
    
51.             margin: 0px 0px 10px 0px;
    
52.             color: #666;
    
53.             font-size: 14px;
    
54.         `;
    
55. 
    
56.         // 修改后的统计逻辑（记录图片路径）
    
57.         const medals = {};
    
58.         const blocks = document.querySelectorAll('.myblok');
    
59.         debugLog(`找到 ${blocks.length} 个勋章区块`);
    
60. 
    
61.         blocks.forEach((blok, index) => {
    
62.             const img = blok.querySelector('.myimg img');
    
63.             if (!img) {
    
64.                 debugLog(`区块 ${index} 缺少图片元素`);
    
65.                 return;
    
66.             }
    
67.             const name = img.alt.trim();
    
68.             const src = img.src; // 新增：获取图片路径
    
69.             if (!name) {
    
70.                 debugLog(`区块 ${index} 图片alt为空`);
    
71.                 return;
    
72.             }
    
73. 
    
74.             // 记录图片路径和数量
    
75.             if (!medals[name]) {
    
76.                 medals[name] = {
    
77.                     count: 1,
    
78.                     src: src
    
79.                 };
    
80.             } else {
    
81.                 medals[name].count++;
    
82.             }
    
83.         });
    
84. 
    
85.         // 修改后的统计内容生成部分 保持DOM结构一致性以兼容博物馆
    
86.         statsDiv.innerHTML = `
    
87.             <div style="font-size:16px; margin:5px 19px; font-weight:bold">当前 / ${blocks.length} </div>
    
88.             <div class="myfldiv clearfix">
    
89.                 ${Object.entries(medals)
    
90.                         .sort((a, b) => b[1].count - a[1].count)
    
91.                         .map(([name, data]) => `
    
92.                     <div class="myblok" style="width:145px;height:120px;">
    
93.                         <div class="myimg" style="font-size:12px;color:#383a42">
    
94.                             <a href="javascript:void(0);">
    
95.                                 <img src="${data.src}"
    
96.                                     alt="${name}"
    
97.                                     style="${getOriginalImgStyle()}">
    
98.                             </a>
    
99.                             <p title="${name}"><b>${shortenName(name)}</b></p>
    
100.                             <p>
     
101.                                 <button type="button" class="pn"
     
102.                                         style="cursor:default; background:#e5e5e5">
     
103.                                     <em>${data.count}</em>
     
104.                                 </button>
     
105.                             </p>
     
106.                         </div>
     
107.                         <div class="mytip" style="display:none"></div>
     
108.                     </div>
     
109.                     `).join('')}
     
110.             </div>
     
111.         `;
     
112. 
     
113.         // 获取原始图片样式函数
     
114.         function getOriginalImgStyle() {
     
115.             const sampleImg = document.querySelector('.myblok .myimg img');
     
116.             return sampleImg ? sampleImg.getAttribute('style') || '' : '';
     
117.         }
     
118. 
     
119.         // 名称截断函数（保持原始处理逻辑）
     
120.         function shortenName(name) {
     
121.             return name.length > 14 ? name.substring(0, 12) + "..." : name;
     
122.         }
     
123. 
     
124.         // 插入元素
     
125.         titleDiv.insertAdjacentElement('afterend', statsDiv);
     
126.         debugLog('统计信息已插入');
     
127.     }
     
128. 
     
129.     // 启动方式：先尝试立即执行，然后每500ms检查一次，最多检查5次
     
130.     let checkCount = 0;
     
131.     function checkAndRun() {
     
132.         if (checkCount++ > 5) {
     
133.             debugLog('超过最大重试次数');
     
134.             return;
     
135.         }
     
136. 
     
137.         if (document.querySelector('.my_biaoti')) {
     
138.             main();
     
139.         } else {
     
140.             setTimeout(checkAndRun, 500);
     
141.         }
     
142.     }
     
143. 
     
144.     // 使用DOMContentLoaded替代load事件
     
145.     if (document.readyState === 'loading') {
     
146.         document.addEventListener('DOMContentLoaded', checkAndRun);
     
147.     } else {
     
148.         checkAndRun();
     
149.     }
     
150. })();

复制代码

来自群组: 星象占卜

感谢星大佬分享优化太棒惹~之前版本二手市场上面不能连原来是不相容~

更新后上面的也可以直连方便很多呢~

优化以后确实更有好的兼容性了

感谢分享，之后在二手市场找勋章更方便了

怪不得之前勋章博物馆不能用了，更新后相比之前来说确实要更方便了呢，赞

感謝分享
現在看二手市場不用這麼麻煩了

可以可以，星佬玩勋章真的太牛了，各种高科技手段都用上了，严谨！

现在使用的脚本越来越多了，脚本之间的兼容性也是需要考量的内容了

吼(´×ω×`)看着是修复bug版本吧～
喝茶ing好勋章一般都露头就没了吧，还是得熟悉一些稀有勋章的

能兼容传送门真是太好了，之前还以为是自己电脑的问题呢

勋章越积累越多的时候想要的好东西很难在二手露面。

感謝大老持續更新腳本,
程式衝突真的是很麻煩./w\

本人完全不懂代码什么的，只能说大佬nb

二手情况查询  x
赔钱货一览     ✓

挺好的，可以为不熟悉的萌新快速找到勋章属性

兼容确实挺重要的，不过其实现在二手已经很难买到好东西了

ds写脚本还是有一手的~ 每每留意二手勋章还是太麻烦了, 这个倒是可以解决一部分问题~

感谢楼主优化脚本
二手勋章能买的合适的还蛮难的）这个很好用~

能够兼容真的是太好了XD，方便筛选好东西和赔钱货，是很大的功能提升呢~~
感谢星佬的分享~~

感谢楼主技术分享惹，能兼容传送门就很方便了，可以帮助萌新快速熟悉勋章