其乐 Keylol >> 社区 › 平台周边 › 平台工具› [Steam展柜和皮肤]
宽版显示
收藏主题
复制链接
回复
13
查看
933
收藏
44
返回列表 发新帖
1501635

0

赠楼

0%

赠楼率

734

蒸汽

75

主题

512

帖子

1163

积分
发表于 前天 00:50 · 云南 | 显示全部楼层 |阅读模式
本文为 其乐用户(UID:1501635) 发布的原创文章，转摘前请联系该用户获得许可
本帖最后由 1501635 于 2025-7-14 02:11 编辑






让Gemini写了一个Steam展柜助手
默认只会在Steam主页,艺术作品页面显示
点击对应的窗口会会复制对应的代码 之后按下F12去控制台里面输入就行了
经过本人实测，以及多次修正可以正常使用
greasyfork安装地址



  1. <blockquote>// ==UserScript==
  2. // @name         Steam展柜自定义快速工具
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  快速作品编辑工具
  6. // @author       Your name
  7. // @match        https://steamcommunity.com/id/*/
  8. // @match        https://steamcommunity.com/sharedfiles/edititem/767/3/
  9. // @grant        GM_openInTab
  10. // @grant        GM_setClipboard
  11. // @grant        GM_notification
  12. // @require      https://code.jquery.com/jquery-3.6.0.min.js
  13. // ==/UserScript==


  16. (function() {
  17.     'use strict';


  20.     // 添加自定义样式 - Steam官方风格
  21.     const css = `
  22.         .custom-steam-tool-btn {
  23.             background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
  24.             color: #ffffff;
  25.             border: 1px solid #1999d3;
  26.             border-radius: 3px;
  27.             padding: 8px 16px;
  28.             font-weight: normal;
  29.             cursor: pointer;
  30.             font-family: "Motiva Sans", Arial, sans-serif;
  31.             font-size: 13px;
  32.             text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  33.             box-shadow: 0 0 2px rgba(103, 193, 245, 0.3);
  34.             transition: all 0.2s ease;
  35.             position: relative;
  36.             z-index: 9999;
  37.             margin-left: 10px;
  38.         }


  41.         .custom-steam-tool-btn:hover {
  42.             background: linear-gradient(135deg, #78c9f7 0%, #4a8bb5 100%);
  43.             box-shadow: 0 0 5px rgba(103, 193, 245, 0.5);
  44.             transform: translateY(-1px);
  45.         }


  48.         .custom-steam-tool-btn:active {
  49.             background: linear-gradient(135deg, #417a9b 0%, #67c1f5 100%);
  50.             transform: translateY(0);
  51.         }


  54.         .custom-dropdown {
  55.             position: fixed;
  56.             background: linear-gradient(135deg, #1e2328 0%, #2a475e 100%);
  57.             border: 1px solid #67c1f5;
  58.             border-radius: 5px;
  59.             box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 10px rgba(103, 193, 245, 0.3);
  60.             min-width: 300px;
  61.             z-index: 10000;
  62.             display: none;
  63.             overflow: hidden;
  64.             font-family: "Motiva Sans", Arial, sans-serif;
  65.             backdrop-filter: blur(10px);
  66.             transform: scaleY(0);
  67.             transform-origin: top;
  68.             transition: all 0.3s ease-out;
  69.         }


  72.         .custom-dropdown.show {
  73.             transform: scaleY(1);
  74.         }


  77.         .custom-dropdown a {
  78.             display: block;
  79.             padding: 12px 16px;
  80.             color: #c6d4df;
  81.             text-decoration: none;
  82.             border-bottom: 1px solid rgba(42, 71, 94, 0.5);
  83.             transition: all 0.2s ease;
  84.             font-size: 13px;
  85.             position: relative;
  86.         }


  89.         .custom-dropdown a:hover {
  90.             background: linear-gradient(90deg, rgba(103, 193, 245, 0.2) 0%, rgba(103, 193, 245, 0.1) 100%);
  91.             color: #67c1f5;
  92.             padding-left: 20px;
  93.         }


  96.         .custom-dropdown a:last-child {
  97.             border-bottom: none;
  98.         }


  101.         .custom-dropdown a::before {
  102.             content: "▶";
  103.             margin-right: 10px;
  104.             color: #67c1f5;
  105.             font-size: 10px;
  106.             opacity: 0;
  107.             transition: all 0.2s ease;
  108.         }


  111.         .custom-dropdown a:hover::before {
  112.             opacity: 1;
  113.         }


  116.         .code-notification {
  117.             position: fixed;
  118.             bottom: 80px;
  119.             right: 20px;
  120.             background: linear-gradient(135deg, rgba(30, 35, 40, 0.95) 0%, rgba(42, 71, 94, 0.95) 100%);
  121.             border: 1px solid #67c1f5;
  122.             border-radius: 5px;
  123.             padding: 16px 20px;
  124.             color: #c6d4df;
  125.             font-size: 13px;
  126.             z-index: 100000;
  127.             box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 10px rgba(103, 193, 245, 0.3);
  128.             max-width: 400px;
  129.             font-family: "Motiva Sans", Arial, sans-serif;
  130.             animation: slideIn 0.3s ease-out;
  131.             backdrop-filter: blur(10px);
  132.         }


  135.         .code-notification strong {
  136.             color: #67c1f5;
  137.             display: block;
  138.             margin-bottom: 8px;
  139.             font-size: 14px;
  140.             font-weight: normal;
  141.         }


  144.         .code-notification p {
  145.             margin: 6px 0;
  146.             line-height: 1.5;
  147.         }


  150.         .code-notification .hotkey {
  151.             background: rgba(103, 193, 245, 0.3);
  152.             padding: 2px 6px;
  153.             border-radius: 3px;
  154.             font-family: monospace;
  155.             font-size: 12px;
  156.             border: 1px solid rgba(103, 193, 245, 0.5);
  157.         }


  160.         .code-tip {
  161.             padding: 12px 16px;
  162.             color: #a9cf46;
  163.             font-size: 12px;
  164.             line-height: 1.5;
  165.             border-top: 1px solid rgba(42, 71, 94, 0.5);
  166.             background: rgba(42, 71, 94, 0.3);
  167.         }


  170.         .bottom-btn-container {
  171.             position: fixed;
  172.             bottom: 20px;
  173.             right: 20px;
  174.             z-index: 9999;
  175.             display: flex;
  176.             flex-direction: column;
  177.             align-items: flex-end;
  178.         }


  181.         .top-right-btn-container {
  182.             position: fixed;
  183.             top: 20px;
  184.             right: 20px;
  185.             z-index: 9999;
  186.             display: flex;
  187.             flex-direction: row;
  188.             align-items: center;
  189.         }


  192.         .dropdown-top-right {
  193.             transform-origin: top right;
  194.         }


  197.         @keyframes slideIn {
  198.             from {
  199.                 transform: translateY(20px) scale(0.95);
  200.                 opacity: 0;
  201.             }
  202.             to {
  203.                 transform: translateY(0) scale(1);
  204.                 opacity: 1;
  205.             }
  206.         }


  209.         .plugin-check-info {
  210.             position: fixed;
  211.             top: 60px;
  212.             right: 20px;
  213.             background: linear-gradient(135deg, rgba(30, 35, 40, 0.9) 0%, rgba(42, 71, 94, 0.9) 100%);
  214.             border: 1px solid #67c1f5;
  215.             border-radius: 5px;
  216.             padding: 12px 16px;
  217.             color: #c6d4df;
  218.             font-size: 12px;
  219.             z-index: 9998;
  220.             max-width: 300px;
  221.             font-family: "Motiva Sans", Arial, sans-serif;
  222.             backdrop-filter: blur(10px);
  223.             animation: slideIn 0.3s ease-out;
  224.         }


  227.         .plugin-check-info .status-ok {
  228.             color: #a9cf46;
  229.         }


  232.         .plugin-check-info .status-warning {
  233.             color: #ffa500;
  234.         }


  237.         .plugin-check-info .status-error {
  238.             color: #ff6b6b;
  239.         }
  240.     `;
  241.     $('<style>').html(css).appendTo('head');


  244.     // 插件冲突检查功能
  245.     function checkPluginConflicts() {
  246.         const conflicts = [];
  247.         const warnings = [];


  250.         // 检查常见的Steam插件元素
  251.         const steamPluginSelectors = [
  252.             '.custom-steam-tool-btn',
  253.             '[id*="steam"]',
  254.             '[class*="steam"]',
  255.             '[id*="enhance"]',
  256.             '[class*="enhance"]'
  257.         ];


  260.         steamPluginSelectors.forEach(selector => {
  261.             const elements = $(selector);
  262.             if (elements.length > 1 && selector === '.custom-steam-tool-btn') {
  263.                 conflicts.push('检测到多个Steam工具按钮');
  264.             }
  265.         });


  268.         // 检查固定定位元素
  269.         const fixedElements = $('*').filter(function() {
  270.             return $(this).css('position') === 'fixed' &&
  271.                    $(this).css('z-index') > 9000 &&
  272.                    !$(this).hasClass('custom-steam-tool-btn') &&
  273.                    !$(this).hasClass('custom-dropdown');
  274.         });


  277.         if (fixedElements.length > 3) {
  278.             warnings.push('检测到多个固定定位元素，可能存在UI冲突');
  279.         }


  282.         return { conflicts, warnings };
  283.     }


  286.     // 显示插件检查结果
  287.     function showPluginCheckResult(result) {
  288.         if (result.conflicts.length === 0 && result.warnings.length === 0) {
  289.             return;
  290.         }


  293.         let content = '<div class="plugin-check-info">';
  294.         content += '<strong>插件兼容性检查</strong><br>';


  297.         if (result.conflicts.length > 0) {
  298.             content += '<div class="status-error">冲突:</div>';
  299.             result.conflicts.forEach(conflict => {
  300.                 content += `<div>• ${conflict}</div>`;
  301.             });
  302.         }


  305.         if (result.warnings.length > 0) {
  306.             content += '<div class="status-warning">警告:</div>';
  307.             result.warnings.forEach(warning => {
  308.                 content += `<div>• ${warning}</div>`;
  309.             });
  310.         }


  313.         content += '</div>';


  316.         const checkInfo = $(content);
  317.         $('body').append(checkInfo);


  320.         // 5秒后自动关闭
  321.         setTimeout(() => {
  322.             checkInfo.fadeOut(500, () => checkInfo.remove());
  323.         }, 5000);
  324.     }


  327.     // 个人主页功能 - 仅在个人资料主页生效
  328.     if (window.location.href.match(/https:\/\/steamcommunity\.com\/id\/[^\/]+\/?$/)) {
  329.         // 执行插件冲突检查
  330.         setTimeout(() => {
  331.             const checkResult = checkPluginConflicts();
  332.             showPluginCheckResult(checkResult);
  333.         }, 1000);


  336.         // 创建按钮和下拉菜单
  337.         const profileBtn = $(`
  338.             <button class="custom-steam-tool-btn" id="steam-custom-btn">
  339.                 <i class="fa fa-magic" style="margin-right: 5px;"></i> 展柜工具
  340.             </button>
  341.         `);


  344.         const dropdown = $(`
  345.             <div class="custom-dropdown" id="steam-custom-dropdown">
  346.                 <a href="#" class="dropdown-item" data-count="1">打开1个艺术作品编辑界面</a>
  347.                 <a href="#" class="dropdown-item" data-count="3">打开3个艺术作品编辑界面</a>
  348.                 <a href="#" class="dropdown-item" data-count="5">打开5个艺术作品编辑界面</a>
  349.                 <a href="#" class="dropdown-item" data-count="9">打开9个艺术作品编辑界面</a>
  350.             </div>
  351.         `);


  354.         // 添加到页面 - 优先使用页面原有位置，否则使用固定位置
  355.         const headerActions = $('.profile_header_actions');
  356.         if (headerActions.length) {
  357.             const container = $('<div style="position: relative; display: inline-block;">')
  358.                 .append(profileBtn);
  359.             headerActions.append(container);
  360.         } else {
  361.             $('body').append(profileBtn);
  362.             profileBtn.css({
  363.                 position: 'fixed',
  364.                 top: '20px',
  365.                 right: '20px',
  366.                 zIndex: '9999'
  367.             });
  368.         }


  371.         // 将下拉菜单添加到body
  372.         $('body').append(dropdown);


  375.         // 按钮点击事件 - 带边缘检测和渐变动画
  376.         profileBtn.on('click', function(e) {
  377.             e.stopPropagation();


  380.             // 获取按钮位置
  381.             const btnRect = this.getBoundingClientRect();
  382.             const windowWidth = window.innerWidth;
  383.             const windowHeight = window.innerHeight;


  386.             // 计算下拉菜单位置
  387.             let top = btnRect.bottom + 10;
  388.             let left = btnRect.left;


  391.             // 检测底部边缘
  392.             if (top + 250 > windowHeight) {
  393.                 top = btnRect.top - 255;
  394.                 dropdown.addClass('dropdown-top-right');
  395.             } else {
  396.                 dropdown.removeClass('dropdown-top-right');
  397.             }


  400.             // 检测右侧边缘
  401.             if (left + 300 > windowWidth) {
  402.                 left = windowWidth - 310;
  403.             }


  406.             // 应用位置并显示
  407.             dropdown.css({
  408.                 top: top + 'px',
  409.                 left: left + 'px',
  410.                 display: 'block'
  411.             });


  414.             // 触发渐变动画
  415.             setTimeout(() => {
  416.                 dropdown.addClass('show');
  417.             }, 10);
  418.         });


  421.         // 下拉菜单项点击事件
  422.         dropdown.on('click', '.dropdown-item', function(e) {
  423.             e.preventDefault();
  424.             const count = parseInt($(this).data('count'));
  425.             for (let i = 0; i < count; i++) {
  426.                 GM_openInTab('https://steamcommunity.com/sharedfiles/edititem/767/3/', {active: false});
  427.             }
  428.             hideDropdown();
  429.         });


  432.         // 隐藏下拉菜单函数
  433.         function hideDropdown() {
  434.             dropdown.removeClass('show');
  435.             setTimeout(() => {
  436.                 dropdown.hide();
  437.             }, 300);
  438.         }


  441.         // 点击页面其他地方关闭下拉菜单
  442.         $(document).on('click', function() {
  443.             hideDropdown();
  444.         });
  445.     }


  448.     // 展柜编辑页面功能 - 仅在特定URL生效
  449.     if (window.location.href === 'https://steamcommunity.com/sharedfiles/edititem/767/3/') {
  450.         // 执行插件冲突检查
  451.         setTimeout(() => {
  452.             const checkResult = checkPluginConflicts();
  453.             showPluginCheckResult(checkResult);
  454.         }, 1000);


  457.         // 创建按钮和下拉菜单
  458.         const editorBtn = $(`
  459.             <button class="custom-steam-tool-btn" id="steam-code-btn">
  460.                 <i class="fa fa-code" style="margin-right: 5px;"></i> 快速代码
  461.             </button>
  462.         `);


  465.         const codeDropdown = $(`
  466.             <div class="custom-dropdown dropdown-top-right" id="steam-code-dropdown">
  467.                 <a href="#" class="code-item" data-code="unnamed">无名代码</a>
  468.                 <a href="#" class="code-item" data-code="artwork">艺术作品代码</a>
  469.                 <a href="#" class="code-item" data-code="workshop">创意工坊代码</a>
  470.                 <a href="#" class="code-item" data-code="guide">指南代码</a>
  471.                 <a href="#" class="code-item" data-code="screenshot">屏幕截图代码</a>
  472.                 <div class="code-tip">
  473.                     💡 使用提示：无名代码需配合其它代码使用<br>
  474.                     先使用其它代码，再使用无名代码<br>
  475.                     即可无需输入作品名字发布
  476.                 </div>
  477.             </div>
  478.         `);


  481.         // 创建右上角按钮容器
  482.         const topRightContainer = $('<div class="top-right-btn-container"></div>');
  483.         topRightContainer.append(editorBtn);
  484.         $('body').append(topRightContainer);


  487.         // 将下拉菜单添加到body
  488.         $('body').append(codeDropdown);


  491.         // 按钮点击事件 - 右上角位置优化
  492.         editorBtn.on('click', function(e) {
  493.             e.stopPropagation();


  496.             // 获取按钮位置
  497.             const btnRect = this.getBoundingClientRect();
  498.             const windowWidth = window.innerWidth;


  501.             // 计算下拉菜单位置 - 固定在右上角
  502.             let top = btnRect.bottom + 10;
  503.             let left = btnRect.right - 300; // 菜单宽度300px，右对齐


  506.             // 确保不超出窗口边界
  507.             if (left < 10) {
  508.                 left = 10;
  509.             }


  512.             // 应用位置并显示
  513.             codeDropdown.css({
  514.                 top: top + 'px',
  515.                 left: left + 'px',
  516.                 display: 'block'
  517.             });


  520.             // 触发渐变动画
  521.             setTimeout(() => {
  522.                 codeDropdown.addClass('show');
  523.             }, 10);
  524.         });


  527.         // 代码菜单项点击事件
  528.         codeDropdown.on('click', '.code-item', function(e) {
  529.             e.preventDefault();
  530.             const codeType = $(this).data('code');
  531.             let code = '';
  532.             let codeName = '';


  535.             switch(codeType) {
  536.                 case 'unnamed':
  537.                     code = `v_trim=_=>{return _},$J('#title').val(' \\n'+Array.from(Array(126),_=>'\\t').join(''));`;
  538.                     codeName = "无名代码";
  539.                     break;
  540.                 case 'artwork':
  541.                     code = `$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');`;
  542.                     codeName = "艺术作品代码";
  543.                     break;
  544.                 case 'workshop':
  545.                     code = `$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);`;
  546.                     codeName = "创意工坊代码";
  547.                     break;
  548.                 case 'guide':
  549.                     code = `$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(9);$J('[name=visibility]').val(0);`;
  550.                     codeName = "指南代码";
  551.                     break;
  552.                 case 'screenshot':
  553.                     code = `$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''),$J('[name=file_type]').val(5);`;
  554.                     codeName = "屏幕截图代码";
  555.                     break;
  556.             }


  559.             // 复制代码到剪贴板
  560.             GM_setClipboard(code);


  563.             // 显示通知
  564.             showCodeNotification(codeName, code);


  567.             hideCodeDropdown();
  568.         });


  571.         // 显示代码通知
  572.         function showCodeNotification(name, code) {
  573.             const notification = $(`
  574.                 <div class="code-notification">
  575.                     <strong>✅ ${name} 已复制!</strong>
  576.                     <p>代码内容: <code style="word-break: break-all; display: inline-block; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 3px; margin-top: 5px; border: 1px solid rgba(103, 193, 245, 0.3);">${code}</code></p>
  577.                     <p>📋 请按 <span class="hotkey">F12</span> 打开浏览器开发者工具</p>
  578.                     <p>⚡ 在 Console/控制台 标签页中粘贴代码并回车执行</p>
  579.                 </div>
  580.             `);


  583.             $('body').append(notification);


  586.             // 6秒后自动关闭
  587.             setTimeout(() => {
  588.                 notification.fadeOut(500, () => notification.remove());
  589.             }, 6000);
  590.         }


  593.         // 隐藏代码下拉菜单函数
  594.         function hideCodeDropdown() {
  595.             codeDropdown.removeClass('show');
  596.             setTimeout(() => {
  597.                 codeDropdown.hide();
  598.             }, 300);
  599.         }


  602.         // 点击页面其他地方关闭下拉菜单
  603.         $(document).on('click', function() {
  604.             hideCodeDropdown();
  605.         });
  606.     }
  607. })();
复制代码







本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？注册

×
[发帖际遇]: 1501635 千辛万苦抢到的测试 Key 转正了，获得体力 1 点 幸运榜 / 衰神榜

本帖被以下淘专辑推荐:

回复

使用道具 举报

浏览本版块需要：
1. 初阶会员或更高等级；
2. （点击此处）绑定Steam账号
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

欢迎发帖参与讨论 o(*≧▽≦)ツ，请注意
1. 寻求帮助或答案的帖子请发到问题互助版块，悬赏有助于问题解决的速度。发错可能失去在该板块发布主题的权限（了解更多）
2. 表达观点可以，也请务必注意语气和用词，以免影响他人浏览，特别是针对其他会员的内容。如觉得违规可使用举报功能 交由管理人员处理，请勿引用对方的内容。
3. 开箱晒物，交易中心，游戏互鉴和福利放送版块请注意额外的置顶版规。
4. 除了提问帖和交易帖以外，不确认发在哪个版块的帖子可以先发在谈天说地。
　　作为民间站点，自 2004 年起为广大中文 Steam 用户提供技术支持与讨论空间。历经二十余载风雨，如今已发展为国内最大的正版玩家据点。

列表模式 ·
微信公众号
· 微博 · Bilibili频道 · Steam 群组 · 贴吧 · QQ群 
Keylol 其乐 ©2004-2025 Chinese Steam User Fan Site.
Designed by Lee in Balestier, Powered by Discuz!
推荐使用 Chrome 或 Microsoft Edge 来浏览本站
广告投放|手机版|广州数趣信息科技有限公司 版权所有|其乐 Keylol ( 粤ICP备17068105号 )
GMT+8, 2025-7-16 16:36
快速回复 返回顶部 返回列表