预览Quicker链接

支持动作库，讨论区，子程序

Instalează acest script?
Script sugerat de autor

Poate îți va plăcea șiChange QuickerAction`s version.

Instalează acest script 
// ==UserScript==
// @name          预览Quicker链接
// @description  支持动作库，讨论区，子程序
// @namespace    HDG520
// @version      1.3
// @match    https://getquicker.net/QA
// @match    https://getquicker.net/Share/*
// @match    https://getquicker.net/Member/MyShare*
// @match    https://getquicker.net/Member/MyFavor
// @icon          https://files.getquicker.net/_icons/5E5C8C35FDA9E28D6E35D9C7E4EAA498A6069306.png
// @grant        GM_addStyle
// ==/UserScript==

let previewWindow = null;
let isExpanded = false;
let FIRST_URI = '';
const WIDTH_PERCENT_EXPANDED = '50%';
const WIDTH_PERCENT_COLLAPSED = '0';
const HEIGHT_PERCENT = '100%';
const BUTTON_WIDTH_PERCENT = '1%';
const HOVER_TIME = 800;
const TRANSITION_SPEED = '0.5s';



if (window.location.href === 'https://getquicker.net/QA') {
    FIRST_URI = document.querySelector("body > div.body-wrapper > div > div.row.body.mt-0.pt-0 > div.col-12.col-md-10 > div.question-list > div:nth-child(7) > div.flex-grow-1.ml-1.d-flex.flex-column.justify-content-between > div:nth-child(1) > div > div.mt-0.question-title > a").href;
} else if (window.location.href.startsWith('https://getquicker.net/Share/SubPrograms')) {
    FIRST_URI = document.querySelector("body > div.body-wrapper > div > div > div > div.row.align-items-stretch > div.col-12.col-md-9.col-lg-10.font14 > table:nth-child(2) > tbody > tr:nth-child(2) > td:nth-child(2) > div > div > a.subprogram-title").href;
} else if (window.location.href.startsWith('https://getquicker.net/Share')) {
    FIRST_URI = document.querySelector("body > div.body-wrapper > div > div > div:nth-child(4) > table > tbody > tr:nth-child(2) > td:nth-child(2) > div > div > a").href;
} else if(window.location.href.startsWith("https://getquicker.net/Member/MyShare")) {
    FIRST_URI = document.querySelector("body > div.body-wrapper > div.container.mb-5.main > div.row > div > table > tbody > tr:nth-child(2) > td:nth-child(2) > a:nth-child(1)").href;
} else if(window.location.href === "https://getquicker.net/Member/MyFavor") {
    FIRST_URI = document.querySelector("body > div.body-wrapper > div.container.mb-5.main > div.row > div > div.pb-4 > table:nth-child(1) > tbody > tr:nth-child(2) > td:nth-child(2) > div > div > a").href;
}

GM_addStyle(`
    #link-preview-window {
        position: fixed;
        top: 0;
        bottom: 0;
        width: ${WIDTH_PERCENT_EXPANDED};
        height: ${HEIGHT_PERCENT};
        right: -${WIDTH_PERCENT_COLLAPSED};
        background-color: white ;
        z-index: 9999;
        border: none;
        transition: width ${TRANSITION_SPEED} ease-in-out;
    }

    #preview-button {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        height: 15px;
        width: ${BUTTON_WIDTH_PERCENT};
        right: ${WIDTH_PERCENT_COLLAPSED};
        background-color: none;
        border: none;
        z-index: 9999;
        cursor: pointer;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
        transition: right ${TRANSITION_SPEED} ease-in-out;
    }

    #preview-button:hover {
        background-color: none;
    }

    #preview-button.expanded::before {
        content: '▶';
    }

    #preview-button:not(.expanded)::before {
        content: '◀';
    }
`);

function createPreviewWindow() {
    previewWindow = document.createElement('div');
    previewWindow.id = 'link-preview-window';
    previewWindow.innerHTML = `<iframe frameborder="0" height="100%" width="100%" src="${FIRST_URI}"></iframe>`;
    document.body.appendChild(previewWindow);
    cleanBottom();


}

function togglePreviewWindow() {
    if (!previewWindow) {
        createPreviewWindow();
    }
    isExpanded = !isExpanded;

    previewWindow.style.width = isExpanded ? WIDTH_PERCENT_EXPANDED : WIDTH_PERCENT_COLLAPSED;
    document.getElementById('preview-button').style.right = isExpanded ? WIDTH_PERCENT_EXPANDED : WIDTH_PERCENT_COLLAPSED;
    document.getElementById('preview-button').classList.toggle('expanded', isExpanded);
}
function cleanBottom() {
    var previewIframe = previewWindow.querySelector('iframe');
    previewIframe.onload = () => {
        var a = previewIframe.contentDocument.querySelector('body > div.footer');
        var b = previewIframe.contentDocument.querySelector("#vue-app > div.row.font14 > div.col-lg-3.pt-3.bg-light.column-border.pb-4")
        if (a) {
            a.remove();
        }
        if(b){
            b.remove();
        }
    }
}
function updatePreviewWindow(url) {
    if (isExpanded && previewWindow) {
        previewWindow.innerHTML = `<iframe frameborder="0" height="100%" width="100%" src="${url}"></iframe>`;
        cleanBottom();
    }
}

let timeoutId = null;
document.addEventListener('mouseover', (event) => {
    clearTimeout(timeoutId);
    var uri = event.target.hrefurl
    if (event.target.tagName.toLowerCase() === 'a' && previewWindow.innerHTML.indexOf(event.target.href) === -1) {
        timeoutId = setTimeout(() => {
            updatePreviewWindow(event.target.href);
        }, HOVER_TIME);
    }
});

document.addEventListener('mouseout', () => {
    clearTimeout(timeoutId);
});

const previewButton = document.createElement('div');
previewButton.id = 'preview-button';
previewButton.onclick = togglePreviewWindow;

document.querySelector('body > div.body-wrapper > div > div').appendChild(previewButton);

window.addEventListener('resize', () => {
    if (isExpanded) {
        document.getElementById('preview-button').style.right = WIDTH_PERCENT_EXPANDED;
    }
});