智能腳本

智能腳本讓 PicHound 在任意商品頁自動識別並按用途分組圖片，省去手動篩選時間。內置 50+ 電商平臺腳本，覆蓋淘寶、天貓、京東、Amazon、Shopee 等，自動拆分主圖、SKU 圖、詳情圖與視頻；支持 JPEG、PNG、GIF、WEBP、BMP、SVG、AVIF 等常見格式，配合 30+ 語言界面與終身版 $13.99 固定授權，可在 3 臺設備激活（Google 帳號登入無設備限制）。所有規則 100% 本地執行，首次 AI 模型下載約 100MB，之後完全離線處理，頁面資料與圖片不會上傳服務器。10 張及以下免費；更大的批次每天 12 次。升級終身版可取消大批次日限。

PicHound 智能腳本電商分組預覽

自訂腳本擴充任意站點

當內置腳本未覆蓋目標站點時，可透過自訂 JSON 範本快速擴充。範本使用正則表達式匹配頁面 URL，並透過 DOM 選擇器或 JavaScript 表達式擷取所需圖片/視頻節點，實現與官方腳本一致的分組下載體驗。

使用前準備

編寫自訂腳本需要以下基礎能力：

熟悉 HTML、JavaScript、CSS 與 AJAX，能夠理解頁面結構與資料接口。
熟練使用 Chrome 開發者工具，定位 DOM 節點、查看網絡請求與偵錯腳本。
掌握正則表達式語法，能準確擷取 URL、屬性路徑與圖片地址。
具備獨立排查與解決問題的能力，遇到異常頁面可自行迭代規則。

📃腳本示例

以下 JSON 以 1688 商品詳情頁爲例，展示如何將主圖、SKU、詳情圖和視頻分別歸入不同分組：


{
  "id": 10009,
  "name": "1688",
  "ico": "https://assets.pichound.app/1688.ico",
  "version": "25.1.1",
  "description": "智能擷取1688詳情頁面商品相關大圖及視頻",
  "reg": "detail.1688.com/offer",
  "status": "prod",
  "tags": [
    "ec"
  ],
  "examples": [
    "https://detail.1688.com/offer/739240146617.html"
  ],
  "groups": [
    {
      "fn": "updateGroupByIds",
      "props": {
        "groupName": "主圖",
        "groupIndex": 0,
        "source": "Object.entries(window.__INIT_DATA.data).find(([k,v]) => v.componentType === '@ali/tdmod-pc-od-main-pic')[1]?.data?.offerImgList",
        "ids": [
          {
            "attributes": []
          }
        ]
      }
    },
    {
      "fn": "updateGroupByIds",
      "props": {
        "groupName": "SKU",
        "groupIndex": 1,
        "source": "window.__INIT_DATA.globalData.skuModel.skuProps.reduce((acc, o) => { acc.push(...o.value); return acc }, []);",
        "ids": [
          {
            "attributes": [
              "imageUrl"
            ],
            "imageNameAttributes": [
              "name"
            ],
            "replaceUrlRules": [
              {
                "pattern": "!q.*$",
                "replaceValue": "?sku"
              }
            ]
          }
        ]
      }
    },
    {
      "fn": "updateGroupByIds",
      "props": {
        "groupName": "詳情",
        "groupIndex": 2,
        "ids": [
          {
            "id": ".content-detail img",
            "attributes": [
              "dataset.lazyloadSrc",
              "src"
            ]
          }
        ]
      }
    },
    {
      "fn": "updateGroupByIds",
      "props": {
        "groupName": "視頻",
        "groupIndex": 3,
        "source": "[Object.entries(window.__INIT_DATA.data).find(([k,v]) => v.componentType === '@ali/tdmod-pc-od-main-pic')[1]?.data?.video]",
        "ids": [
          {
            "attributes": [
              "videoUrl"
            ],
            "type": "VIDEO"
          }
        ]
      }
    }
  ]
}

🔑API文件

以下是自訂腳本可用的 TypeScript 接口定義，用於描述分組規則、字段映射與替換邏輯：


export interface IGroup {
  _id?: string;
  // 唯一 ID
  id: string;
  // 配置：是否開啓
  enable: boolean;
  // 類型
  type: 'custom' | 'official';
  // 其他配置
  config?: IGroupConfig;
  // 表單
  rawConfig?: string;
  // 更新時間
  updateAt?: number;
}
 
export interface IGroupConfig {
  // 唯一 ID
  id: number;
  // 外掛名
  name: string;
  // 外掛icon
  ico?: string;
  // 外掛版本
  version?: string;
  // 外掛描述
  description?: string;
  // 預設匹配路徑
  reg: string;
  // 前置腳本
  prevJS: string;
  // 外掛分組功能
  groups: IRun[];
  // 發布狀態
  status?: string;
  // 例子
  examples?: string[];
}
 
export interface IRun {
  // 函數能力
  fn: string;
  // 額外傳參
  props: IRunProps;
}
 
export interface IIds {
  // 參數 Ids
  id: string;
  // 參數路徑
  attributes?: string[];
  // 類型, 有可能是視頻類型
  type?: string;
  // 圖片描述信息
  alt?: string;
  // 替換圖片規則
  replaceUrlRules?: IReplaceUrlRule[];
  // 過濾圖片規則
  filterUrlRules?: IReplaceUrlRule[];
  // 獲取圖片名稱的參數
  imageNameAttributes?: string[];
}
 
export interface IReplaceUrlRule {
  // 替換正則
  pattern: string
  // 正則局部/全匹配
  flags?: string
  // 替換值
  replaceValue?: string
}
 
export interface IRunProps {
  // 來源對象 預設是 document.querySelectorAll, 返回可迭代數組
  source?: string;
  // 參數 Ids
  ids: IIds[];
  // 分組名
  groupName: string;
  // 分組索引
  groupIndex: number;
}

智能腳本

自訂腳本擴充任意站點

使用前準備

📃腳本示例

🔑API文件

下一步