Price List

Collect prices on supported listing pages, show stats, copy to clipboard

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        Price List
// @description Collect prices on supported listing pages, show stats, copy to clipboard
// @namespace   shiftgeist
// @match       https://www.ebay.com/sch/*
// @match       https://www.ebay.de/sch/*
// @match       https://www.ebay.co.uk/sch/*
// @match       https://www.ebay.fr/sch/*
// @match       https://www.ebay.it/sch/*
// @match       https://www.ebay.es/sch/*
// @match       https://www.ebay.at/sch/*
// @match       https://www.ebay.ch/sch/*
// @match       https://www.1000ps.de/gebrauchte-motorraeder/marke/*/modell/*
// @match       https://www.1000ps.at/gebrauchte-motorraeder/marke/*/modell/*
// @match       https://suchen.mobile.de/*/*
// @match       https://www.kleinanzeigen.de/s-*
// @match       https://www.autoscout24.de/lst-moto*
// @match       https://www.motorrad-boerse.de/*
// @version     1.1.0
// @author      shiftgeist
// @license     GNU GPLv3
// @grant       GM_addStyle
// @grant       GM_setClipboard
// ==/UserScript==

(function () {
    'use strict';

    // ─── Site registry ──────────────────────────────────────────────
    // Add a new site by appending an entry.
    // Required: hostPattern, priceSelector
    // Optional: locale (default 'eu'), filter, onCollected
    //
    // Selectors marked "// unverified" are best guesses — open DevTools
    // on a results page and inspect the price element to confirm.

    const SITES = [
        {
            name: 'eBay',
            hostPattern: /\.ebay\.(com|de|co\.uk|fr|it|es|at|ch)$/,
            priceSelector: '.s-card__price',
            locale: () => /\.(de|fr|it|es|at|ch)$/.test(location.hostname) ? 'eu' : 'us',
            // Exclude aria-hidden wrappers (eBay's clipped "Shop on eBay" placeholders)
            // and anything not actually rendered on screen.
            filter: el => el.checkVisibility() && !el.closest('[aria-hidden="true"]'),
        },
        {
            name: '1000ps',
            hostPattern: /\.1000ps\.(de|at)$/,
            priceSelector: '.pricesize',
            locale: 'eu',
        },
        {
            name: 'mobile.de',
            hostPattern: /^suchen\.mobile\.de$/,
            priceSelector: '[data-testid^="result-listing-"] [data-testid="price-label"]',
            locale: 'eu',
            onCollected: ({ button }) => {
                const pagination = document.querySelector('[data-testid="srp-pagination"]');
                if (!pagination) return;
                button.textContent += ' + More';
                pagination.scrollIntoView();
            },
        },
        {
            name: 'Kleinanzeigen',
            hostPattern: /^www\.kleinanzeigen\.de$/,
            // p.font-strong inside article[data-adid] is the asking price.
            // The site uses Tailwind utility classes — no stable BEM hook exists.
            // "VB" suffix (Verhandlungsbasis) is stripped by the parser.
            priceSelector: 'article[data-adid] p.font-strong',
            locale: 'eu',
        },
        {
            name: 'AutoScout24',
            hostPattern: /^www\.autoscout24\.de$/,
            priceSelector: '[data-testid="regular-price"]', // unverified
            locale: 'eu',
        },
        {
            name: 'Motorrad-Boerse',
            hostPattern: /^www\.motorrad-boerse\.de$/,
            priceSelector: '.price', // unverified
            locale: 'eu',
        },
    ];

    // ─── Visible-text extraction ────────────────────────────────────
    // Walks the DOM to recover what the user actually sees. Skips
    // display:none / visibility:hidden nodes, includes ::before/::after
    // pseudo-element content. Defeats common anti-scraping tricks where
    // digits are injected via CSS or decoy spans are hidden.

    function pseudoContent(el, pseudo) {
        const raw = getComputedStyle(el, pseudo).content;
        if (!raw || raw === 'none' || raw === 'normal') return '';
        const quoted = raw.match(/^"(.*)"$/);
        return quoted ? quoted[1] : '';
    }

    function extractVisibleText(element) {
        const parts = [];
        function walk(node) {
            if (node.nodeType === Node.TEXT_NODE) {
                parts.push(node.textContent);
                return;
            }
            if (node.nodeType !== Node.ELEMENT_NODE) return;
            const style = getComputedStyle(node);
            if (style.display === 'none' || style.visibility === 'hidden') return;
            parts.push(pseudoContent(node, '::before'));
            for (const child of node.childNodes) walk(child);
            parts.push(pseudoContent(node, '::after'));
        }
        walk(element);
        return parts.join('');
    }

    // ─── Price parsing ──────────────────────────────────────────────
    // locale 'eu': 1.234,56 → 1234.56
    // locale 'us': 1,234.56 → 1234.56
    // Ranges (e.g. "€ 100 – € 200") return the midpoint.

    function parsePrice(text, locale) {
        const cleaned = text.replace(/[A-Z]{3}|[€$£¥]/g, '').trim();
        const tokens = cleaned.match(/[\d.,]+/g);
        if (!tokens) return null;

        const numbers = tokens
            .map(token => {
                const normalized = locale === 'eu'
                    ? token.replace(/\./g, '').replace(',', '.')
                    : token.replace(/,/g, '');
                return Number.parseFloat(normalized);
            })
            .filter(n => !Number.isNaN(n) && n > 0);

        if (numbers.length === 0) return null;
        return numbers.reduce((a, b) => a + b, 0) / numbers.length;
    }

    function computeStats(prices) {
        const sorted = [...prices].sort((a, b) => a - b);
        const sum = prices.reduce((a, b) => a + b, 0);
        return {
            count: prices.length,
            average: sum / prices.length,
            median: sorted[Math.floor(sorted.length / 2)],
            min: sorted[0],
            max: sorted[sorted.length - 1],
        };
    }

    function formatSummary(stats) {
        return [
            `Count:   ${stats.count}`,
            `Average: ${stats.average.toFixed(2)}`,
            `Median:  ${stats.median.toFixed(2)}`,
            `Min:     ${stats.min.toFixed(2)}`,
            `Max:     ${stats.max.toFixed(2)}`,
        ].join('\n');
    }

    // ─── Main ───────────────────────────────────────────────────────

    const site = SITES.find(s => s.hostPattern.test(location.hostname));
    if (!site) return;

    const locale = typeof site.locale === 'function' ? site.locale() : (site.locale ?? 'eu');
    const filter = site.filter ?? (() => true);

    GM_addStyle(`
        #priceCollectorBtn {
            position: fixed;
            bottom: 1rem;
            left: 1rem;
            z-index: 9999;
            padding: 8px 12px;
            background: #333;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-family: sans-serif;
            font-size: 13px;
        }
        #priceCollectorBtn:active {
            background: #2563eb;
        }
        #priceCollectorPanel {
            position: fixed;
            bottom: 4rem;
            left: 1rem;
            z-index: 9999;
            padding: 12px 16px;
            border-radius: 4px;
            font-family: monospace;
            font-size: 12px;
            max-width: 320px;
            max-height: 70vh;
            overflow: auto;
            white-space: pre;
            display: none;
            cursor: pointer;

            background: #fff;
            color: #111;
            border: 1px solid #ccc;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
        }
        @media (prefers-color-scheme: dark) {
            #priceCollectorPanel {
                background: #1e1e1e;
                color: #e0e0e0;
                border-color: #444;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            }
        }
    `);

    const btn = document.createElement('button');
    btn.id = 'priceCollectorBtn';
    btn.textContent = 'PRICE LIST';
    document.body.appendChild(btn);

    const panel = document.createElement('div');
    panel.id = 'priceCollectorPanel';
    panel.title = 'Click to dismiss';
    panel.addEventListener('click', () => { panel.style.display = 'none'; });
    document.body.appendChild(panel);

    btn.addEventListener('click', () => {
        const elements = document.querySelectorAll(site.priceSelector);
        const prices = Array.from(elements)
            .filter(filter)
            .map(el => parsePrice(extractVisibleText(el), locale))
            .filter(p => p !== null);

        if (prices.length === 0) {
            panel.textContent = 'No prices found';
            panel.style.display = 'block';
            return;
        }

        const stats = computeStats(prices);
        const summary = formatSummary(stats);
        const clipboard = prices.map(p => p.toFixed(2)).join(',');

        GM_setClipboard(clipboard);
        panel.textContent = `${summary}\n\n(Prices copied — click to dismiss)`;
        panel.style.display = 'block';

        console.log(`=== Price List (${site.name}) ===`);
        console.log(summary);
        console.log('Prices:', clipboard);
        console.log('✅ Copied to clipboard');

        if (site.onCollected) site.onCollected({ prices, stats, button: btn, panel });
    });
}());