Change Zhihu images to small size for faster loading 缩小知乎图片的尺寸

zhihu-image-resizer.user.js

// ==UserScript==
// @name         Zhihu Image Smaller
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Change Zhihu images to small size for faster loading.
// @author       Gemini
// @match        https://*.zhihu.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    const observer = new MutationObserver(mutations => {
        for (const mutation of mutations) {
            for (const node of mutation.addedNodes) {
                if (node.nodeType === Node.ELEMENT_NODE) {
                    // Check if the added node is an image itself
                    if (node.matches('img.origin_image[data-size="normal"]')) {
                        node.setAttribute('data-size', 'small');
                    }
                    // Find images within the added node
                    const images = node.querySelectorAll('img.origin_image[data-size="normal"]');
                    images.forEach(img => {
                        img.setAttribute('data-size', 'small');
                    });
                }
            }
        }
    });

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

    // For images that might already be on the page when the script starts
    // (though less likely with document-start)
    document.querySelectorAll('img.origin_image[data-size="normal"]').forEach(img => {
        img.setAttribute('data-size', 'small');
    });
})();