Greasy Fork is available in English.
steam创意工坊每个项目添加一个按钮，点击即获取项目id，并生成steamcmd可用的下载命令字符串复制到剪贴板内
// ==UserScript==
// @name steam创意工坊id获取
// @namespace http://tampermonkey.net/
// @version 0.0.1
// @description steam创意工坊每个项目添加一个按钮，点击即获取项目id，并生成steamcmd可用的下载命令字符串复制到剪贴板内
// @author You
// @match https://steamcommunity.com/workshop/browse/?*
// @match https://steamcommunity.com/sharedfiles/filedetails/?*
// @icon https://www.google.com/s2/favicons?sz=64&domain=steamcommunity.com
// @grant GM_setClipboard
// @license MIT
// ==/UserScript==
//作用：生成toast，让其在toast_container中，显示在页面中上部，会永久性向页面添加一个id为ths_toast_container的div标签
function showStackToast(message, backcolor='rgb(76, 175, 80)', timeout=3000){
//没有容器则生成容器
let box=document.querySelector("body > div#ths_toast_container");
if(!box){
box=document.createElement('div');
box.id="ths_toast_container";
box.style.cssText = `
position: fixed;
top: 10px;
left: 50%;
transform: translateX(-50%);
right: 10px;
width: 300px;
height: auto;
display: flex;
z-index: 9999;
flex-direction: column-reverse;`;
document.body.appendChild(box);
}
//创建toast
const toast = document.createElement('div');
toast.innerText = message;
toast.style.cssText = `
padding: 10px;
background-color: ${backcolor};
color: rgb(255, 255, 255);
border-radius: 10px;
font-size: 24px;
font-weight: bold;
text-align: center;
box-shadow: rgb(0 0 0 / 30%) 0px 5px 10px;
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
z-index: 9999;
margin: 5px;
`;
box.appendChild(toast);
toast.style.opacity = 1;
if(timeout > 0){
setTimeout(() => {
toast.style.opacity = 0;
setTimeout(() => {
box.removeChild(toast);
}, 300);
}, timeout);
}
return toast;
}
//作用：提示
function showToast(){
showStackToast("已将id复制到剪贴板");
}
//作用：生成想要获取的字符串，即steamcmd的下载指令
function getCmdString(appId, itemId){
//最后生成steamcmd可用的下载命令字符串，如：workshop_download_item 431960 3078285611
return `workshop_download_item ${appId} ${itemId}`;
}
//作用：列表页面的主函数
function browseMainFuntion(){
const items=document.querySelectorAll("div.workshopItemAuthorName");
items.forEach(item => {
let button=document.createElement("button");
button.innerText="GetID";
button.style.cssText = `
position: absolute;
right: 3px;
background-color: #333;
color: #fff;`;
button.addEventListener('click', async ()=>{
//创意工坊项目的id
let itemId=item.parentElement.firstElementChild.getAttribute("data-publishedfileid");
console.log(itemId);
//游戏id
const params = new URLSearchParams(window.location.search);
let appId=params.get('appid');
await GM_setClipboard(getCmdString(appId, itemId), "text", showToast);
});
item.appendChild(button);
});
}
//作用：详细界面主函数
function detailMainFuntion(){
let box=document.querySelector("div.game_area_purchase_game");
let button=document.createElement("button");
button.innerText="GetID";
button.style.cssText = `
position: absolute;
top: 20%;
right: 3px;
background-color: #333;
color: #fff;`;
button.addEventListener('click', async ()=>{
//创意工坊项目的id
const params = new URLSearchParams(window.location.search);
let itemId=params.get('id');
console.log(itemId);
//游戏id
let appId=document.querySelector("div.apphub_OtherSiteInfo > a")?.getAttribute("data-appid");
await GM_setClipboard(getCmdString(appId, itemId), "text", showToast);
});
box.appendChild(button);
}
//作用：主函数
function mainFunction(){
if('/workshop/browse/'===window.location.pathname){
browseMainFuntion();
}else if('/sharedfiles/filedetails/'===window.location.pathname){
detailMainFuntion();
}else{
showStackToast(`未知的路径【${window.location.pathname}】`, "red");
}
}
(function() {
'use strict';
mainFunction();
})();