Wish Large Images

Enlarge the product images on Wish.com

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Wish Large Images
// @namespace    https://greasyfork.org/en/users/807108-jeremy-r
// @version      0.2
// @description  Enlarge the product images on Wish.com
// @author       JRem
// @match        https://www.wish.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=wish.com
// @require      https://cdn.jsdelivr.net/gh/mlcheng/js-toast@ebd3c889a1abaad615712485ce864d92aab4c7c0/toast.min.js
// @grant        GM_addStyle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    // Sets the size percent of images vs screen space, I would say 25 would be close to max
    const size="20";

    function waitForElm(selector) {
        return new Promise(resolve => {
            if (document.querySelector(selector)) {
                return resolve(document.querySelector(selector));
            }

            const observer = new MutationObserver(mutations => {
                if (document.querySelector(selector)) {
                    resolve(document.querySelector(selector));
                    observer.disconnect();
                }
            });

            observer.observe(document.body, {
                childList: true,
                subtree: true
            });
        });
    }

    waitForElm('div[class*="ProductGrid__FeedTileWidthWrapper-"]').then((elm) => {
        console.log('Element Found, Starting Fullscreen');

        var cssClass = document.querySelector('div[class*="ProductGrid__FeedTileWidthWrapper-"]').className.split(" ")
        var css = "."+cssClass[0]+", ."+cssClass[1]+" { width: calc("+size+"vw) !important; }";
        GM_addStyle(css);

    });
    
})();