mobbin

just a mobbin extractor!

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         mobbin
// @namespace    http://tampermonkey.net/
// @version      0.0.2
// @description  just a mobbin extractor!
// @author       You
// @match        https://mobbin.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=mobbin.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
  'use strict';
  function extractForFlows(){
    var asides=document.querySelectorAll("aside.sticky");
    for(const aside of asides){
      aside.setAttribute("style","display:none;");
    }
    var containers=document.querySelectorAll(".group .grow");
    for(const container of containers){
      var containerClass=container.getAttribute("class");
      containerClass=containerClass.replace("blur-0","");
      containerClass=containerClass.replace("after:backdrop-blur-[10px]","");
      containerClass=containerClass.replace("after:bg-neutral-white/40","");
      container.setAttribute("class",containerClass);
    }
    var images = document.querySelectorAll(".group .grow img");
    for(const image of images){
      var imageSrc=image.getAttribute("src");
      var index=imageSrc.indexOf("?");
      if(index>=0){
        imageSrc=imageSrc.substring(0,index);
        image.setAttribute("src",imageSrc);
      }
    }
  }
  function extractForScreens(){
    var asides=document.querySelectorAll("aside.sticky");
    for(const aside of asides){
      aside.setAttribute("style","display:none;");
    }
    var containers=document.querySelectorAll(".group .relative");
    for(const container of containers){
      var containerClass=container.getAttribute("class");
      containerClass=containerClass.replace("blur-0","");
      containerClass=containerClass.replace("after:backdrop-blur-[10px]","");
      containerClass=containerClass.replace("after:bg-neutral-white/40","");
      container.setAttribute("class",containerClass);
    }
    var images = document.querySelectorAll(".group .relative img");
    for(const image of images){
      var imageSrc=image.getAttribute("src");
      var index=imageSrc.indexOf("?");
      if(index>=0){
        imageSrc=imageSrc.substring(0,index);
        image.setAttribute("src",imageSrc);
      }
    }
  }
  function extractForUIElements(){
    var asides=document.querySelectorAll("aside.sticky");
    for(const aside of asides){
      aside.setAttribute("style","display:none;");
    }
    var containers=document.querySelectorAll(".group .relative");
    for(const container of containers){
      var containerClass=container.getAttribute("class");
      containerClass=containerClass.replace("blur-0","");
      containerClass=containerClass.replace("after:backdrop-blur-[10px]","");
      containerClass=containerClass.replace("after:bg-neutral-white/40","");
      container.setAttribute("class",containerClass);
    }
    var images = document.querySelectorAll(".group .relative img");
    for(const image of images){
      var imageSrc=image.getAttribute("src");
      var index=imageSrc.indexOf("?");
      if(index>=0){
        imageSrc=imageSrc.substring(0,index);
        image.setAttribute("src",imageSrc);
      }
    }
  }
  setInterval(function(){
    extractForFlows();
    extractForScreens();
    extractForUIElements();
  },800);
})();