淘宝、京东、天猫自动按每斤价格排序 TAOBAO/JD/TMALL / Automatic sort by 500g price.

注:淘宝的价格和商品标题上写的重量通常对不上,点进商品页面,选择分类即可了解商品小分类的价格、京东暂无此问题, 标题出现2个以上重量单位的按最后一个算。( bug反馈联系: snomiao@gmail.com 或 qq 997596439 )

// ==UserScript==
// @name         淘宝、京东、天猫自动按每斤价格排序 TAOBAO/JD/TMALL / Automatic sort by 500g price.
// @namespace    snomiao@gmail.com
// @version      1.2.0
// @description  注:淘宝的价格和商品标题上写的重量通常对不上,点进商品页面,选择分类即可了解商品小分类的价格、京东暂无此问题, 标题出现2个以上重量单位的按最后一个算。( bug反馈联系: snomiao@gmail.com 或 qq 997596439 )
// @author       snomiao@gmail.com
// @match        http*://cart.jd.com/cart*
// @match        http*://order.jd.com/center/alwaysbuy.action*
// @match        http*://*.jd.com/*.html
// @match        http*://*.jd.com/*.html?*
// @match        http*://search.jd.com/*
// @match        http*://*.tmall.com/*.htm*
// @match        http*://*.taobao.com/search*
// @match        http*://item.taobao.com/item.htm*
// @match        http*://cart.taobao.com/cart.htm*
// @match        http*://www.1688.com/*
// @match        http*://s.1688.com/selloffer/offer_search.htm*
// @match        http*://search.suning.com/*
// @match        http*://*.amazon.*/*
// @grant        none
// ==/UserScript==

//
// (20210221)更新:性能优化、数据单位识别优化、更新天猫超市、amazon、suning、加入中文数字识别
// (20200404)更新:增加天猫超市支持、优化刷新逻辑
//
// (function () {
//     'use strict';
// 获取质量参数
// 重量、容积单位(按水的重量算)
const 重量单位比例表 = {
    ton: 1e6,
    kg: 1e3,
    g: 1,
    克: 1,
    mg: 1e-3,
    ug: 1e-6,
    l: 1e3,
    ml: 1,
    千克: 1e3,
    磅: 453.59237,
    lb: 453.59237,
    吨: 1e6,
    公斤: 1e3,
    斤: 500,
    两: 50,
};
// 数据单位(采用硬盘工业单位,一般商品上标的都是这种)
const 数据单位比例表 = {
    t: 1e3,
    g: 1,
    //   m: 1e-3, //和米冲突
    k: 1e-6,
    pb: 1e6,
    tb: 1e3,
    gb: 1,
    mb: 1e-3,
    kb: 1e-6,
};
const 单位比例表 = {
    ...重量单位比例表,
    ...数据单位比例表,
};
// 匹配: 前缀乘数? 基数量 基数单位 后缀乘数?
const 质量正则 = RegExp(
    [
        /(?:(\d+)\s?\*)?/,
        /(\d+\.\d+|\d+)/,
        RegExp(`(${Object.keys(单位比例表).join('|')})`),
        /(?:\s?[x×*](\d+))?/,
    ]
        .map((e) => e.source)
        .join(''),
    'i'
);
// 数学与文本处理方法
const 分组计数 = (列, 按 = (e) => JSON.stringify(e)) =>
    列.reduce((表, 数) => ((表[数] = (表[数] || 0) + 1), 表), {});
const 众数 = (列) =>
    Object.entries(分组计数(列)).sort(([, v1], [, v2]) => v2 - v1)[0][0];
const 中文数字解析 = (大写数字) =>
    大写数字.split('').reduce(
        (数, 字) =>
            // (e=> e !==-1 && (数 ?? 0) + e)('012345789'.indexOf(字) ) ||
            ((e) => e !== -1 && (数 ?? 0) + e)(
                '零一二三四五六七八九'.indexOf(字)
            ) ||
            ((e) => e !== -1 && (数 ?? 0) + e)(
                '零壹贰叁肆伍陆柒捌玖'.indexOf(字)
            ) ||
            ((e) => e !== -1 && (数 ?? 0) + e)(
                '洞幺两三四五六拐怕勾'.indexOf(字)
            ) ||
            ((e) => e !== -1 && (数 ?? 1) * 10 ** e)(
                '个十百千万一兆一亿'.indexOf(字)
            ) ||
            ((e) => e !== -1 && (数 ?? 1) * 10 ** e)('个拾佰仟'.indexOf(字)) ||
            NaN,
        null
    );
const 中文数字替换 = (串) =>
    串.replace(
        /[幺两三四五六拐怕勾洞零一二三四五六七八九零壹贰叁肆伍陆柒捌玖个十][幺两三四五六拐怕勾洞零一二三四五六七八九零壹贰叁肆伍陆柒捌玖个十百千万一兆一亿个拾佰仟]*/g,
        中文数字解析
    );
中文数字替换(
    `四万万 四亿 四亿亿 二万二千 二百二 三十三 四百 六十四 五百亿 两个亿 十一`
);
const 范围映射 = (x, [a, b], [c, d]) => ((x - a) / (b - a)) * (d - c) + c;
// 流程控制
function 节流(间隔, 函数, 提示函数 = () => null, 上次执行 = 0) {
    return async (...参数) =>
        +new Date() - 上次执行 > 间隔
            ? ((上次执行 = +new Date()), await 函数(...参数))
            : await 提示函数(...参数);
}
function 防抖(间隔, 函数, 提示函数 = () => null, timerId = null) {
    return (...参数) =>
        new Promise(
            (resolve) => (
                timerId && (clearTimeout(timerId), resolve(提示函数(...参数))),
                (timerId = setTimeout(() => resolve(函数(...参数)), 间隔))
            )
        );
}
const 节流防抖 = (间隔, 函数, 提示函数 = () => null) =>
    节流(间隔, 函数, 防抖(间隔, 函数, 提示函数));
// 量纲计算
const 质量千克自标题解析 = (标题) => {
    const 质量表述列 =
        (中文数字替换(标题) + 标题).match(RegExp(质量正则.source, 'ig')) || [];
    const 质量列 = 质量表述列.map((串) => {
        const [, 前乘数串, 质量串, 单位串, 后乘数串] = 串.match(质量正则);
        const [前乘数, 后乘数] = [前乘数串, 后乘数串].map(
            (e) => parseFloat(e) || 1
        );
        const 质量 = parseFloat(质量串) || 0;
        const 单位乘数 = 单位比例表[单位串.toLowerCase()];
        return (前乘数 * 质量 * 单位乘数 * 后乘数) / 1e3; //kg
    });
    return 质量列.length ? parseFloat(众数(质量列)) : NaN;
};
const 每千克价格按每斤解释 = (每千克价格) =>
    `${(每千克价格 / 2).toFixed(2)}¥/500g`;
// 元素操作
const 页面特定商品列获取 = ({ 选项目, 选标题, 选价格 }) =>
    [...document.querySelectorAll(选项目)]
        .map((元素) => {
            let [标题元素, 价格元素] = [选标题, 选价格].map((选) =>
                选?.startsWith('DOC>')
                    ? document.querySelector(选?.slice('DOC>'.length))
                    : 元素?.querySelector(选)
            );
            if (!标题元素 || !价格元素) return null;
            const 标题 = 标题元素.innerText.trim();
            let 价格 =
                parseFloat(价格元素.innerText.trim().replace(/¥|¥/g, '')) ||
                NaN; //无报价
            let 千克质量 = 质量千克自标题解析(标题);
            const 每千克价格 = 价格 / (千克质量 || 0);
            return {
                标题,
                价格,
                千克质量,
                每千克价格,
                标题元素,
                价格元素,
                元素,
            };
        })
        .filter((e) => e);
const 抽取并在末尾插入 = (元素) =>
    元素.parentNode.appendChild(元素.parentNode.removeChild(元素));
const 新元素 = (HTML, attributes = {}) =>
    Object.assign(
        Object.assign(document.createElement('div'), { innerHTML: HTML })
            .children[0],
        attributes
    );
// 商品计算
const 商品列每斤价格排序显示 = (新增商品列) => {
    console.log(`[pricesof500g] 正在处理${新增商品列.length}个商品价格。`);
    const 现存商品元素列 = [...document.querySelectorAll('span.priceof500g')];
    const 现存商品列 = 现存商品元素列.map((价格标签) => 价格标签.商品信息);
    const 每千克价格对比 = (a, b) => a.每千克价格 - b.每千克价格;
    const 有序商品列 = [...现存商品列, ...新增商品列].sort(每千克价格对比);
    const 有效价格列 = 有序商品列
        .map((e) => e.每千克价格)
        .filter((e) => !isNaN(e));
    const 最低每千克价格 = Math.min(...有效价格列);
    const 最高每千克价格 = Math.max(...有效价格列);
    console.debug('当页商品价格列', 有序商品列, 最低每千克价格, 最高每千克价格);
    const 商品信息解释生成 = (商品信息) => {
        const { 标题, 千克质量, 价格, 每千克价格, 标题元素 } = 商品信息;
        let 价率 = 范围映射(
            每千克价格,
            [最低每千克价格, 最高每千克价格],
            [1, 0]
        );
        // 从最低价到最高价由红到绿渐变
        const 颜色 =
            (价率 && `rgba(${价率 * 255},${255 - 价率 * 255},0.1,1)`) ||
            'black';
        const 描述 = `${标题}\n\n${价格}¥/${千克质量}kg = ${每千克价格按每斤解释(
            每千克价格
        )}\n\n © 2016 - 2021 雪星实验室 \n  ( bug反馈联系: snomiao@gmail.com 或 qq 997596439 )`;
        const 价格标签 = 新元素(`
<span class="priceof500g" style="background: ${颜色}; color: white; text-indent: 0;" title="${描述}">
  ${每千克价格按每斤解释(每千克价格)}
</span>`);

        价格标签.商品信息 = 商品信息;
        // 标记商品已处理
        商品信息.元素?.classList.add('pricesof500g');
        // 标签换新或显示
        标题元素.价格标签 && 标题元素.parentNode.removeChild(标题元素.价格标签);
        if (!价格 || !千克质量) return;
        标题元素.价格标签 = 标题元素.parentNode.insertBefore(
            价格标签,
            标题元素
        );
    };
    有序商品列.forEach(({ 元素 }) => 抽取并在末尾插入(元素));
    有序商品列.forEach(商品信息解释生成);
};
const 商品选择列 = `
| taobao.com | .item                       | .title a              | .price                             | 商品页面
| taobao.com | .tb-property                | .tb-main-title        | .tb-property-cont                  | 商品搜索结果页面
| taobao.com | .item-holder                | .item-basic-info a    | .price-now                         | 购物车
| taobao.com | .bundle                     | .item-basic-info a    | .price-now                         | 购物车商品页面标题
| taobao.com | .item-holder                | .item-props           | .price-now                         | 购物车商品分类标签 https://cart.taobao.com/cart.htm
| taobao.com | #J_OrderList>div            | .item-basic-info a    | .price-now                         | 购物车
| taobao.com | .J_TSaleProp>li.tb-selected | a                     | DOC>#J_PromoPriceNum,.tm-price     | 小的商品描述标签,
| tmall.com  | .product                    | .productTitle a       | .productPrice                      |
| tmall.com  | .product                    | .product-title a      | .ui-price                          |
| tmall.com  | .j_ItemInfo                 | .title                | .price                             |
| tmall.com  | .one-grid-price             | .floor-item-title     | .floor-price                       |
| tmall.com  | .wonderful-item             | .item-desc            | .item-price                        |
| tmall.com  | .J_TSaleProp>li.tb-selected | a                     | DOC>.tm-promo-price                | 小的商品描述标签
| tmall.com  | .tb-property                | h1                    | .tm-promo-price                    | 详情页标题
| tmall.com  | .tm-detail-meta             | .tb-detail-hd h1      | .tm-promo-price                    | 详情页标题
| jd.com     | .itemInfo-wrap              | .sku-name             | .p-price                           | 当前浏览商品
| jd.com     | ul>li.more2_item            | .more2_info_name      | .more2_info_price                  | 首页推荐
| jd.com     | .freqt-item                 | .p-name a             | .p-price                           | 常购商品
| jd.com     | .gl-item                    | .p-name em            | .p-price                           |
| jd.com     | .track-con>ul>li            | a>div                 | a>p                                | 看了又看
| jd.com     | ul.plist>li                 | .p-name               | .p-price                           | 店铺新品、店铺热销、店长推荐等
| jd.com     | ul>li.item                  | .p-name               | .p-price                           | 本店好评
| jd.com     | .goods-list>ul>li           | .p-name a             | .p-price                           | JD购物车
| jd.com     | .item-item,.item-full       | .p-name a             | .p-price                           | JD购物车
| jd.com     | .smart-items>ul>li          | .item-name a          | .item-price                        | JD购物车
| 1688.com   | .grid.rec-offer             | .offer_titles         | .price-num                         | 首页
| 1688.com   | .sm-offer-item              | .sm-offer-title       | .sm-offer-priceNum                 | 商品搜索页面
| 1688.com   | .card-container             | .title                | div.price                          | 商品搜索页面
| amazon.cn  | .s-result-item              | h2                    | .a-price                           | 商品搜索页面
| suning.com | li.item-wrap                | .title-selling-point  | .price-box                         | 商品搜索页面
`
    .replace(/\/\/.*/gm, '')
    .split(/\r?\n/g)
    .map((e) =>
        e
            .trim()
            .split('|')
            .slice(1)
            .map((e) => e.trim())
    )
    .filter((e) => e && e[1])
    .map(([域名, 选项目, 选标题, 选价格]) => ({
        域名,
        选项目,
        选标题,
        选价格,
    }));
const 页面商品列获取 = () =>
    商品选择列
        .filter(({ 域名 }) => location.origin.match(域名))
        .flatMap(页面特定商品列获取);
const 页面商品列商品列每斤价格排序显示 = () =>
    !document.hidden && 商品列每斤价格排序显示(页面商品列获取());
// 标签探索
function 价格标签探索() {
    // var 商品标签列 = [...document.querySelectorAll('.J_TSaleProp>li')];
    // var 价格解释含于 = (e) => !e.querySelector('span.priceof500g');
    // var 价格解释含于 = (e) => !e.querySelector('span.priceof500g');
    // var 未解释商品标签列 = 商品标签列.filter(价格解释含于);
    var 未解释商品标签列 = [
        ...document.querySelectorAll('.J_TSaleProp>li:not(.pricesof500g)'),
    ];
    if (!未解释商品标签列.length) return;
    console.log(
        '[pricesof500g] 发现' + 未解释商品标签列.length + '个未解释商品标签列'
    );
    var 剩余未解释商品标签点击 = () => {
        var 未解释商品标签 = 未解释商品标签列?.pop();
        未解释商品标签?.querySelector('a')?.click();
        未解释商品标签 && setTimeout(主动刷新函数, 1);
        未解释商品标签 && setTimeout(剩余未解释商品标签点击, 100);
    };
    剩余未解释商品标签点击();
}
// 主函数
function 刷新() {
    页面商品列商品列每斤价格排序显示();
}
globalThis.价格标签探索 = 价格标签探索;
const 防抖刷新 = 节流防抖(10e3 /* 3s */, 刷新);
const 主动刷新函数 = 节流防抖(200, 刷新);
const 延时刷新 = () => setTimeout(防抖刷新, 1);
const 延时主动刷新 = () => setTimeout(主动刷新函数, 1);
// オブザーバインスタンスを作成
const 监视目标 = document.documentElement || document.body;
const 监视配置 = {
    attributes: false,
    childList: true,
    characterData: false,
};
function 页面变动处理(mutations) {
    if (!mutations.some((record) => record.addedNodes.length)) return;
    页面变动监视器.disconnect();
    防抖刷新();
    监视目标 && 页面变动监视器.observe(监视目标, 监视配置);
}
const 页面变动监视器 = new MutationObserver(页面变动处理);
function 加载() {
    页面变动监视器.observe(监视目标, 监视配置);
    window.addEventListener('load', 防抖刷新, false);
    document.addEventListener('keyup', 延时刷新, false);
    document.addEventListener('mouseup', 延时主动刷新, false);
    document.addEventListener('visibilitychange', 延时刷新, false);
    防抖刷新();
}
function unload() {
    window.removeEventListener('load', 防抖刷新, false);
    document.removeEventListener('keyup', 延时刷新, false);
    document.removeEventListener('mouseup', 延时主动刷新, false);
    document.removeEventListener('visibilitychange', 延时刷新, false);
    页面变动监视器.disconnect();
}
加载();
// 全局卸载函数(自动卸载上一个实例)
globalThis?.pricesof500g_unload?.();
globalThis.pricesof500g_unload = unload;
// return unload;
// })();

const UnreachedClick = () => {
    const e = [
        ...document.querySelectorAll('ul[data-property="颜色分类"]>li'),
    ].filter((e) => !e.className.match(/pricesof500g/))[0];
    if (!e) return 'done';
    e?.querySelector('a')?.click();
    setTimeout(页面商品列商品列每斤价格排序显示, 1);
    setTimeout(UnreachedClick, 1024);
};

const UnreachedButtonAdd = () => {
    [...document.querySelectorAll('.tb-metatit')]
        ?.filter((e) => e.textContent.match(/^颜色分类$/))
        ?.map((e) =>
            e.appendChild(
                新元素('<button>探索</button>', { onclick: UnreachedClick })
            )
        ).length || setTimeout(UnreachedButtonAdd, 2048);
};

UnreachedButtonAdd();