【油猴脚本】二手市场寄售情况统计

动机
每次补货过后的二手市场总是让人眼花缭乱。各种各样的勋章堆在一起，快来快来数一数，24678。
那么有没有一种方法可以直观地看出各种勋章各寄售了几个？有的兄弟，有的。
同样是调教DeepSeek写的，简单粗暴、方便快捷，不必再和GPT一样折腾全局模式、特定节点、科学上网，使用体验爽歪歪。

功能
排序逻辑：优先按照数量，从高到低排列。如果数量相同，则按照出现在市场中的先后顺序排列。
外观设计：沿用已有格式，宽度字体颜色等均相同，以确保设计语言的统一。上方统计结果可以可以和下方勋章一一对齐。


代码
@Name  @Match  @Icon  

1. // ==UserScript==
   
2. // @name         二手市场寄售情况统计
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      0.1
   
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: 0;
    
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.         // 修改后的统计内容生成部分
    
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.                             <img src="${data.src}"
    
95.                                 alt="${name}"
    
96.                                 style="${getOriginalImgStyle()}"> <!-- 保持原始图片样式 -->
    
97.                             <p title="${name}"><b>${shortenName(name)}</b></p>
    
98.                             <p>
    
99.                                 <button type="button" class="pn"
    
100.                                         style="cursor:default; background:#e5e5e5">
     
101.                                     <em>${data.count}</em>
     
102.                                 </button>
     
103.                             </p>
     
104.                         </div>
     
105.                         <!-- 保留悬浮提示容器保持结构一致 -->
     
106.                         <div class="mytip" style="display:none"></div>
     
107.                     </div>
     
108.                     `).join('')}
     
109.             </div>
     
110.         `;
     
111. 
     
112.         // 获取原始图片样式函数
     
113.         function getOriginalImgStyle() {
     
114.             const sampleImg = document.querySelector('.myblok .myimg img');
     
115.             return sampleImg ? sampleImg.getAttribute('style') || '' : '';
     
116.         }
     
117. 
     
118.         // 名称截断函数（保持原始处理逻辑）
     
119.         function shortenName(name) {
     
120.             return name.length > 14 ? name.substring(0, 12) + "..." : name;
     
121.         }
     
122. 
     
123.         // 插入元素
     
124.         titleDiv.insertAdjacentElement('afterend', statsDiv);
     
125.         debugLog('统计信息已插入');
     
126.     }
     
127. 
     
128.     // 启动方式：先尝试立即执行，然后每500ms检查一次，最多检查5次
     
129.     let checkCount = 0;
     
130.     function checkAndRun() {
     
131.         if (checkCount++ > 5) {
     
132.             debugLog('超过最大重试次数');
     
133.             return;
     
134.         }
     
135. 
     
136.         if (document.querySelector('.my_biaoti')) {
     
137.             main();
     
138.         } else {
     
139.             setTimeout(checkAndRun, 500);
     
140.         }
     
141.     }
     
142. 
     
143.     // 使用DOMContentLoaded替代load事件
     
144.     if (document.readyState === 'loading') {
     
145.         document.addEventListener('DOMContentLoaded', checkAndRun);
     
146.     } else {
     
147.         checkAndRun();
     
148.     }
     
149. })();

复制代码

来自群组: 星象占卜

很实用惹 这样二手市场就简洁多了惹

居然这么简洁，AI写这种代码真的好方便啊.jpg
狗狗居然剩的这么多，看来大家都是喜欢金币的）

虽然是使用DeepSeek来写，但是大佬你专业的让我害怕，这个功能确实可以让对勋章研究不深的玩家有个大致判断和感受

我趣，好实用的脚本，这下再也不用担心眼花缭乱的二手市场了

瑪雅好棒!! 這樣就不用怕自己漏看惹 天才

好棒的脚本，这下就不担心因为滑动错过心仪的勋章了，赞美星老师

这个很棒! 再也不用被一堆抛售的洗版了，还能顺便寻宝，只好推了

这次二手全是连枷和狗狗，太惨了

高技术力的帖子，太赞了，感谢楼主分享！这个对萌新帮助真的很大，可以大致对勋章有个客观的判断，也不会被繁杂的二手市场看的眼花缭乱

挺有用的。为啥大家都这么不待见连枷？虽然属性不行但是它是阿努比斯啊（你是真的饿了）

喜欢逛二手的人可以用一下

妙妙小工具又增加了ing，越来越方便了

好多狗狗在二手啊。看样子大家都更加喜欢金币叻。还有好多阿加莎和弯钩

哇哦，deepseek还可以直接写这种能实用的代码呀

这次补货两级分化好大，好的香的不得了，不好的被疯狂嫌弃呢。。。

这也太方便了，刷新的时候一眼就可以看完

物以稀为贵，有这个可以盯着少量的好东西下手了

好实用的工具，可以更方便掌握二手市场动态了

换到前年还没放开回收时，那二手已经是很长的页面了。那么这次蝉联二手新上架的勋章会是狗、连枷还是女巫呢（
所以说什么游戏mod论坛嘛，全都是btsrk，猫和狗首发80枚，全都被买断货了（