☰

京东JD商品item信息提取

在PC端的京东商品详情页，一键复制店铺Id、店铺名称、SKUId、SKU标题、产品归属类目等信息

  1. // ==UserScript==
  2. // @name         京东JD商品item信息提取
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2.4
  5. // @description  在PC端的京东商品详情页，一键复制店铺Id、店铺名称、SKUId、SKU标题、产品归属类目等信息
  6. // @author       .XX的青春  Wechat:gz08091011
  7. // @match        https://item.jd.com/*.html*
  8. // @match        https://item.m.jd.com/product/*.html*
  9. // @icon         https://www.jd.com/favicon.ico
  10. // @grant        GM_getValue
  11. // @grant        GM_setValue
  12. // @grant        GM_addStyle
  13. // @grant        GM_registerMenuCommand
  14. // @license      Copyright .XX的青春  Wechat:gz08091011
  15. // ==/UserScript==
  16. (function() {
  17.     'use strict';
  18.     console.clear();
  19.     const isMobile = /AndroId|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
  20.     var catName = "",venderId = "",shopId = "",shopName = "",mainSkuId = "",skuIdGroup = "",spuName = "",outPutText = "",reportSkuId = "",reportSkuName = "",reportFull = "";
  21.     var imageUrls = [];
  22.  
  23.     // 检查是否已经存在设置，如果没有则初始化
  24.     let customText = GM_getValue('customText', '#');
  25.     let separator = customText;
  26.  
  27.     // 创建弹出设置界面的函数
  28.     function showSettings() {
  29.         const settingsDiv = document.createElement('div');
  30.         settingsDiv.style.cssText = `
  31.         position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  32.         background-color: #d9eeee; border: 10px solid #ccc; padding: 20px;
  33.         z-index: 9999; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  34.     `;
  35.  
  36.         const hint = document.createElement('p');
  37.         hint.textContent = '设置复制结果参数间分隔符';
  38.         hint.style.cssText = 'color: #000; font-size: 14px; margin-bottom: 10px;';
  39.         settingsDiv.appendChild(hint);
  40.  
  41.         const input = document.createElement('input');
  42.         input.value = customText;
  43.         input.style.cssText = `
  44.         width: 200px; padding: 8px; border: 1px solid #ccc;
  45.         border-radius: 5px; font-size: 14px;
  46.     `;
  47.         settingsDiv.appendChild(input);
  48.  
  49.         const dynamicHint = document.createElement('p');
  50.         dynamicHint.textContent = `复制内容为：\n商家ID${separator}店铺名${separator}skuid${separator}商品名${separator}spuId${separator}所属类别`;
  51.         dynamicHint.style.cssText = 'color: #000; font-size: 14px; margin-top: 10px;';
  52.         settingsDiv.appendChild(dynamicHint);
  53.  
  54.         function updateDynamicHint() {
  55.             const newSeparator = input.value;
  56.             dynamicHint.textContent = `复制内容为：\n商家ID${newSeparator}店铺名${newSeparator}skuid${newSeparator}商品名${newSeparator}spuId${newSeparator}所属类别`;
  57.         }
  58.  
  59.         input.addEventListener('input', updateDynamicHint);
  60.  
  61.         // 按钮样式
  62.         const buttonStyle = `
  63.         border: none; padding: 10px 15px; border-radius: 5px; margin: 5px; cursor: pointer;
  64.     `;
  65.  
  66.         const saveButton = document.createElement('button');
  67.         saveButton.textContent = '保存';
  68.         saveButton.style.cssText = `background-color: #4CAF50; color: white; ${buttonStyle}`;
  69.         saveButton.addEventListener('click', () => {
  70.             customText = input.value;
  71.             GM_setValue('customText', customText);
  72.             separator = customText;
  73.             updateDynamicHint();
  74.             settingsDiv.remove();
  75.         });
  76.         settingsDiv.appendChild(saveButton);
  77.  
  78.         const closeButton = document.createElement('button');
  79.         closeButton.textContent = '关闭';
  80.         closeButton.style.cssText = `background-color: #f44336; color: white; ${buttonStyle}`;
  81.         closeButton.addEventListener('click', () => settingsDiv.remove());
  82.         settingsDiv.appendChild(closeButton);
  83.  
  84.         document.body.appendChild(settingsDiv);
  85.     }
  86.  
  87.     // 注册(不可用)菜单设置项
  88.     GM_registerMenuCommand('自定义复制分隔符', showSettings);
  89.  
  90.     if (isMobile) {
  91.         try {
  92.             const skuJson = window._itemInfo;
  93.             shopName = skuJson.stock.D.shopName;
  94.             reportSkuId = skuJson.item.skuId;
  95.             reportSkuName = skuJson.skuChooseArr;
  96.             spuName = skuJson.item.skuName.replace(reportSkuName, "");
  97.             catName = skuJson.product.category;
  98.  
  99.             skuJson.item.ColorSize.forEach(item => {
  100.                 outPutText += `${skuJson.item.venderId}${separator}${shopName}${separator}${item.skuId}${separator}${spuName}${separator}${item.color}${separator}${skuJson.product.productId}${separator}${catName}\n`;
  101.                 skuIdGroup += `${item.skuId}\r\n`;
  102.             });
  103.  
  104.             if (!skuJson.item.ColorSize.length) {
  105.                 outPutText += `${skuJson.item.venderId}${separator}${shopName}${separator}${skuJson.product.skuId}${separator}${skuJson.item.skuName}${separator}${skuJson.product.productId}${separator}${catName}\n`;
  106.                 skuIdGroup += `${skuJson.product.skuId}\r\n`;
  107.             }
  108.             toolBar();
  109.         } catch (e) {
  110.             console.log("解析商品信息失败~");
  111.         }
  112.     } else {
  113.         shopName = $("div .name a")[0].innerText;
  114.         try {
  115.             const skuJson = JSON.parse(JSON.stringify(pageConfig));
  116.             const skuLength = skuJson.product.colorSize.length;
  117.             catName = skuJson.product.catName.join(">");
  118.             shopId = skuJson.product.shopId;
  119.             venderId = skuJson.product.venderId;
  120.             reportSkuId = skuJson.product.skuid;
  121.             reportSkuName = skuJson.product.name;
  122.             mainSkuId = skuJson.product.mainSkuId;
  123.             reportFull = `${venderId}${separator}${shopName}${separator}${reportSkuId}${separator}${reportSkuName}${separator}${mainSkuId}${separator}${catName}`;
  124.             imageUrls = skuJson.product.imageList.map(url => 'http://img30.360buyimg.com/imgzone/' + url);
  125.  
  126.  
  127.             if (skuLength > 0) {
  128.                 spuName = findAndExtractLast(skuJson.product.name, " ");
  129.                 skuJson.product.colorSize.forEach(item => {
  130.                     const color = item[Object.keys(item)[1]];
  131.                     outPutText += `${venderId}${separator}${shopName}${separator}${item.skuId}${separator}${spuName} ${color}${separator}${mainSkuId}${separator}${catName}\n`;
  132.                     skuIdGroup += `${item.skuId}\n`;
  133.                 });
  134.             } else {
  135.                 outPutText += `${reportFull}\n`;
  136.                 skuIdGroup += `${reportSkuId}\n`;
  137.             }
  138.             toolBar();
  139.         } catch (e) {
  140.             console.log("解析商品信息失败！");
  141.         }
  142.     }
  143.  
  144.     function toolBar() {
  145.         // 创建工具栏容器
  146.         const toolbar = document.createElement('div');
  147.         toolbar.style.cssText = 'background-color: #ecf2ff; padding: 5px; display: flex; position: relative;';
  148.  
  149.         function createSubMenu(buttons) {
  150.             const submenu = document.createElement('div');
  151.             submenu.style.cssText = 'position: absolute; top: 100%; left: 0; background-color: #ecf2ff; display: none; flex-direction: column; border: 1px solid #ccc; z-index: 9999;';
  152.             buttons.forEach(({ text, id, title, action, specialColor }) => {
  153.                 const button = document.createElement('div');
  154.                 button.textContent = text;
  155.                 button.style.cssText = `cursor: pointer; padding: 5px 10px; background-color: #ecf2ff; color: ${specialColor || '#000'}; font-size: 12px; font-weight: bold; white-space: nowrap;`;
  156.                 button.id = id;
  157.                 button.title = title;
  158.                 button.addEventListener('mouseover', () => {
  159.                     button.style.cssText += 'border-radius: 10px; background-color: #aabbf2; color: #fff;';
  160.                 });
  161.                 button.addEventListener('mouseout', () => {
  162.                     button.style.cssText += `border-radius: 0; background-color: #ecf2ff; color: ${specialColor || '#000'};`;
  163.                 });
  164.                 button.addEventListener('click', () => {
  165.                     if (action) {
  166.                         if (typeof action === 'function') {
  167.                             action();
  168.                         } else {
  169.                             copyToClip(action);
  170.                             showTip("复制成功!", event.target);
  171.                         }
  172.                     } else {
  173.                         alert('获取信息失败，请刷新网页后重试！');
  174.                     }
  175.                 });
  176.                 submenu.appendChild(button);
  177.             });
  178.             return submenu;
  179.         }
  180.  
  181.         function createMenuButton(text, submenu) {
  182.             const menuButton = document.createElement('div');
  183.             menuButton.textContent = text;
  184.             menuButton.style.cssText = 'cursor: pointer; padding: 5px 10px; background-color: #ecf2ff; color: #000; font-size: 12px; font-weight: bold; position: relative;';
  185.             menuButton.addEventListener('mouseover', () => submenu.style.display = 'flex');
  186.             menuButton.addEventListener('mouseout', () => submenu.style.display = 'none');
  187.             menuButton.appendChild(submenu);
  188.             return menuButton;
  189.         }
  190.  
  191.         const storeInfoSubMenu = createSubMenu([
  192.             { text: '店铺 Id', id: 'button1', title: '复制店铺 Id', action: shopId },
  193.             { text: '商家Id', id: 'button2', title: '复制商家 Id', action: venderId },
  194.             { text: '店铺名', id: 'button3', title: '复制店铺名称', action: shopName }
  195.         ]);
  196.         const skuInfoSubMenu = createSubMenu([
  197.             { text: 'SkuId', id: 'button4', title: '复制当前SkuId', action: reportSkuId },
  198.             { text: '商品名', id: 'button5', title: '复制商品名称', action: reportSkuName },
  199.             { text: '所有SkuId', id: 'button6', title: '复制该商品全部 SkuId', action: skuIdGroup },
  200.             { text: 'Sku全信息', id: 'button8', title: '复制当前Sku完整信息', action: reportFull, specialColor: '#fa2c19' }
  201.         ]);
  202.         const spuInfoSubMenu = createSubMenu([
  203.             { text: 'spuId', id: 'button9', title: '复制商品spuId', action: mainSkuId },
  204.             { text: 'SPU 信息', id: 'button7', title: '复制该商品完整 SPU 信息', action: outPutText }
  205.         ]);
  206.         const mainImageSubMenu = createSubMenu([
  207.             { text: '复制主图Url', id: 'downloadMainImage', title: '复制所有主图链接', action: imageUrls.join('\n') }
  208.         ]);
  209.  
  210.         const feedbackButton = document.createElement('div');
  211.         feedbackButton.textContent = '工具反馈';
  212.         feedbackButton.style.cssText = 'cursor: pointer; padding: 5px 10px; background-color: #ecf2ff; color: #000; font-size: 12px; font-weight: bold;';
  213.         feedbackButton.addEventListener('mouseover', () => {
  214.             feedbackButton.style.cssText += 'border-radius: 10px; background-color: #aabbf2; color: #fff;';
  215.         });
  216.         feedbackButton.addEventListener('mouseout', () => {
  217.             feedbackButton.style.cssText += 'border-radius: 0; background-color: #ecf2ff; color: #000;';
  218.         });
  219.         feedbackButton.addEventListener('click', () => {
  220.             const feedbackDiv = document.createElement('div');
  221.             feedbackDiv.style.cssText = `
  222.             position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  223.             width: 310px; height: 460px; background-color: #f9f9f9; border: 2px solid #ccc; padding: 10px;
  224.             display: flex; flex-direction: column; align-items: center; justify-content: center;
  225.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1000;
  226.         `;
  227.             const feedbackImage = document.createElement('img');
  228.             feedbackImage.src = 'https://wwimages.s3.cn-north-1.jdcloud-oss.com/7.9kudi.jpg';
  229.             feedbackImage.style.cssText = 'width: 300px; height: 380px; border-radius: 10px; ';
  230.             feedbackDiv.appendChild(feedbackImage);
  231.  
  232.             const feedbackText = document.createElement('p');
  233.             feedbackText.textContent = '反馈问题 ==> 微信：gz08091011';
  234.             feedbackText.href = 'weixin://';
  235.             feedbackText.style.cssText = 'color: #000; font-size: 14px; margin-top: 10px;';
  236.             feedbackDiv.appendChild(feedbackText);
  237.  
  238.             const closeButton = document.createElement('button');
  239.             closeButton.textContent = '关闭';
  240.             closeButton.style.cssText = 'margin-top: 10px; padding: 5px 10px; background-color: #f44336; color: #fff; border: none; border-radius: 5px; cursor: pointer;';
  241.             closeButton.addEventListener('click', () => {
  242.                 document.body.removeChild(feedbackDiv);
  243.             });
  244.             feedbackDiv.appendChild(closeButton);
  245.  
  246.             document.body.appendChild(feedbackDiv);
  247.         });
  248.  
  249.         toolbar.appendChild(createMenuButton('店铺信息', storeInfoSubMenu));
  250.         toolbar.appendChild(createMenuButton('Sku信息', skuInfoSubMenu));
  251.         toolbar.appendChild(createMenuButton('Spu信息', spuInfoSubMenu));
  252.         toolbar.appendChild(createMenuButton('主图&视频', mainImageSubMenu));
  253.         toolbar.appendChild(feedbackButton);
  254.  
  255.         const targetDiv = document.querySelector('.sku-name');
  256.         if (targetDiv) {
  257.             targetDiv.insertAdjacentElement('afterend', toolbar);
  258.         }
  259.     }
  260.  
  261.     function copyToClip(message) {
  262.         const content = document.createElement("textarea");
  263.         content.value = message;
  264.         document.body.appendChild(content);
  265.         content.select();
  266.         document.execCommand("copy");
  267.         document.body.removeChild(content);
  268.     }
  269.  
  270.     function showTip(text, targetElement) {
  271.         // 创建提示框
  272.         const tip = document.createElement('div');
  273.         tip.textContent = text;
  274.         tip.style.cssText = `
  275.         position: absolute;
  276.         padding: 5px 10px;
  277.         background-color: rgba(0, 0, 0, 0.75);
  278.         color: #fff;
  279.         border-radius: 5px;
  280.         z-index: 9999;
  281.         font-size: 14px;
  282.         pointer-events: none;
  283.         white-space: nowrap;
  284.     `;
  285.  
  286.         const rect = targetElement.getBoundingClientRect();
  287.         tip.style.left = `${rect.right + 10}px`;
  288.         tip.style.top = `${rect.top + window.scrollY}px`;
  289.         document.body.appendChild(tip);
  290.         setTimeout(() => {
  291.             document.body.removeChild(tip);
  292.         }, 1500);
  293.     }
  294.  
  295.     function findAndExtractLast(text, search) {
  296.         var index = text.lastIndexOf(search);
  297.         if (index !== -1) {
  298.             return text.substring(0,index);
  299.         }
  300.         return '';
  301.     }
  302. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址