FetLife: save/copy images

Makes it possible to save/copy images on FetLife

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         FetLife: save/copy images
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Makes it possible to save/copy images on FetLife
// @author       You
// @match        https://fetlife.com/users/*/pictures/*
// @icon         https://fetlife.com/favicons/favicon.ico
// @license      GPL-3.0
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const observer = new MutationObserver((mutationsList) => {
        const filtered =
            mutationsList
                .filter(x =>
                    x.addedNodes &&
                    x.addedNodes[0] &&
                    x.addedNodes[0].classList &&
                    x.addedNodes[0].classList.contains("mx-auto"))
                .map(x => x.addedNodes[0]);

        if (filtered.length > 1) {
            const parent = filtered[1].querySelector(".overflow-hidden");
            const img = parent.querySelector("img.mx-auto");
            const nav = parent.querySelector("nav.absolute");

            img.style = "pointer-events: auto !important";

            while (nav.childNodes.length > 0) {
                nav.childNodes[0].style.width = "20%";
                parent.appendChild(nav.childNodes[0]);
            }

            nav.remove();

            observer.disconnect();
        }
    });

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

})();