// ==UserScript== // @name Qiita Sushi // @namespace https://greasyfork.org/users/432749 // @description QiitaのLGTMアイコンをSushiアイコンに変更する // @author fukuchan // @match https://qiita.com/* // @version 0.0.1.20200312114516 // @downloadURL none // ==/UserScript== /* * Sushiemoji * Copyright 2017 yantene */ const viewBox = "0 0 64 64"; const innerHTML = 'tuna'; // SVG要素の中身をSushiに変更する const sushinize = node => { node.setAttribute('viewBox', viewBox); node.innerHTML = innerHTML; }; // ボタンを押すなどして要素に変更があったら再びSushiに変更する const observe = (records, observer) => { observer.disconnect(); sushinize(records[0].target); observer.observe(records[0].target, {attributes: true}); }; // LGTMのSVG要素をそれぞれSushiに変更し、要素の変更を監視する document.querySelectorAll('*[class*="like"] svg').forEach(image => { sushinize(image); new MutationObserver(observe).observe(image, {attributes: true}); });