Dribbble Profile Links

Add profile links to the profile popup menu;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Dribbble Profile Links
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @description  Add profile links to the profile popup menu;
// @author       Fei Sun
// @match        https://dribbble.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=dribbble.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    let menu=document.querySelector(".nav-v2-profile__menu");
    let maker=document.createElement("div");
    let baseURL=document.querySelector("[data-nav-event-clicked=Profile]").href;
    maker.innerHTML=`
                     <li class="nav-v2-profile__item"><a data-nav-event-clicked="Work" href="${baseURL}/shots" xt-marked="ok">Work</a></li>
                     <li class="nav-v2-profile__item"><a data-nav-event-clicked="Boosted Shots" href="${baseURL}/boosts" xt-marked="ok">Boosted Shots</a></li>
                     <li class="nav-v2-profile__item"><a data-nav-event-clicked="Collections" href="${baseURL}/collections" xt-marked="ok">Collections</a></li>
                     <li class="nav-v2-profile__item" style="padding-bottom:calc(var(--profile-item-gap) / 2);margin-bottom: calc(var(--profile-item-gap) / 2);border-bottom: 1px solid #e7e7e9;"><a data-nav-event-clicked="Liked Shots" href="${baseURL}/likes" xt-marked="ok">Liked Shots</a></li>

    `
    document.querySelector(".nav-v2-profile__menu").prepend(...Array.from(maker.children));

})();