希望制作一个 XX 功能的脚本（ simple script ）

[stickerx]

Hello, I hope everything is ok
I need a simple script for steam inventory
when I click on a specific card on the inventory display how many cards has that game

display number of cards location: beside tag or view in community market or name of the card or best place you can choose

thank you so much in advance

[XIU2]

I do not understand.
Please take a screenshot to illustrate the location of the card.

[stickerx]

when I click on any specific card from inventory or while trading display how many cards have the badge

example from card Detroit: Become Human
the game has 9 cards

this is script useful for traders and also me

will be grateful for this

[XIU2]

I don't usually play Steam Cards, so I don't know much about it.
Where can I see the number of cards?

[stickerx]

I want the script to do that work

to display me the number of cards because steam inventory does not have this feature

any location you choose

[XIU2]

. . .
My English is not good.

I mean, where can I find out the number of cards (9)?
How do I go about getting this amount.

[stickerx]

for example, this websites gives all information about games
https://barter.vg/i/120444/?
https://steamdb.info/app/1222140/communityitems/
https://www.steamcardexchange.net/index.php?gamepage-appid-1222140

[XIU2]

Browser security policy does not allow cross-domain access.

Do you mean, the total number of cards in a series? (8 in the picture below)

[stickerx]

yes, script to display the total number of cards in a series, when I click on a card in inventory or while trading

[stickerx]

there must be some way to do it , how this websites know this game has a 8 cards like that
https://barter.vg/i/237/

[XIU2]

I didn't find the total number of cards in the current series under the inventory page, which means that if you want to implement your function, you need to go to the badge progress page to get it.
This means that after clicking on the card, it takes a certain delay before the total is displayed (the script background accesses the badge progress page).

[stickerx]

the script calculate just the total cards series

example: Left 4 Dead 2, when I click on one that card in inventory script calculate and display 8 cards has that set or serie

don't need to calculate how many cards have in inventory

delay not important for me just if you can creat him

[stickerx]

so that script takes time or is easy to write?

[XIU2]

I am writing a simple script.

[XIU2]

This is the initial beta version.
Currently only the inventory page is supported.

https://steamcommunity.com/id/YourUserName/inventory

When a card is clicked, the total is displayed (as shown in the image below).
In order to improve efficiency, I designed a caching mechanism. After clicking the card for the first time to get the total number, the script will remember it, and the next time the card is clicked, it will be read directly from the script configuration.

I don't know much about the market, please tell me what other pages need to add support, preferably with an example URL.

// ==UserScript==
// @name         Steam shows the total number of cards
// @version      1.0.0
// @author       X.I.U
// @description  Steam shows the total number of cards
// @match        https://steamcommunity.com/id/*/inventory
// @icon         https://store.steampowered.com/favicon.ico
// @grant        GM_xmlhttpRequest
// @grant        GM_getValue
// @grant        GM_setValue
// @run-at       document-end
// @namespace    https://github.com/XIU2/UserScript
// @supportURL   https://github.com/XIU2/UserScript
// @homepageURL  https://github.com/XIU2/UserScript
// ==/UserScript==

(function() {
    'use strict';
    var cardData = JSON.parse(GM_getValue('cardData', '{}'));
    mutationObserver();


    // Listen event
    function mutationObserver() {
        const callback = (mutationsList, observer) => {
            for (const mutation of mutationsList) {
                for (const target of mutation.addedNodes) {
                    if (target.nodeType != 1 || !(target.tagName === 'A' && target.href.indexOf('/gamecards/') > -1)) break
                    let id = /(?<=gamecards\/)\d+/.exec(target.href)[0];
                    if (cardData[id]) {addNum(cardData[id], id, target);} else {getPageElems(target, id);}
                }
            }
        };
        const observer = new MutationObserver(callback);
        observer.observe(document, { childList: true, subtree: true });
    }


    // Get data
    function getPageElems(target, id) {
        GM_xmlhttpRequest({
            url: target.href,
            method: 'GET',
            headers: {'Referer': location.href},
            timeout: 5000,
            onload: function (response) {
                try {
                    let num = response.responseText.match(/\<img class\=\"gamecard\"/g).length;
                    //console.log(num, id, target)
                    cardData = JSON.parse(GM_getValue('cardData', '{}')); cardData[id] = num; GM_setValue('cardData', JSON.stringify(cardData).replaceAll('"','\"'));
                    if (document.querySelector('.inventory_iteminfo:not([style*="display: none"]) .item_owner_actions > a').href === target.href) addNum(num, id, target);
                } catch (e) {
                    console.log(e);
                }
            }
        });
    }


    // Add to page
    function addNum(num, id, target) {
        //console.log(num, id, target)
        if (target) target.insertAdjacentHTML('afterend', `<span data-id="${id}"><b>Total: ${num}</b></span>`);
    }
})();

I need to sleep, it's 01:34 AM. . .