探索者视角MOD

Preview links by hovering and pressing 'F' on Discourse forums
目前为 2024-12-13 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         探索者视角MOD
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Preview links by hovering and pressing 'F' on Discourse forums
// @author       Your Name
// @match        https://linux.do/*
// @grant        none
// @license MIT
// ==/UserScript==
 
(function() {
    'use strict';
 
    const iframeContainer = document.createElement('div');
    iframeContainer.style.cssText = 'position: fixed; top: 0; left: 0; width: 80vw; height: 100vh; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); z-index: 9999;';
    const iframe = document.createElement('iframe');
    iframe.style.cssText = 'width: 70vw; height: 60vh; border: none; background: white;';
    iframeContainer.appendChild(iframe);
    document.body.appendChild(iframeContainer);
 
    let currentHoveredLink = null;
    let keyDown = false;
    let longPressTimer = null;
    const longPressDuration = 500; // Time in milliseconds to qualify as a long press
 
    document.addEventListener('keydown', function(event) {
        if (event.key === 'F' || event.key === 'f') { // Only activate if 'F' key is pressed
            keyDown = true;
            if (currentHoveredLink) {
                iframe.src = currentHoveredLink.href;
                iframeContainer.style.display = 'flex';
            }
        }
    });
 
    document.addEventListener('keyup', function(event) {
        if (event.key === 'F' || event.key === 'f') { // Only deactivate if 'F' key is released
            keyDown = false;
        }
    });
 
    document.body.addEventListener('mousedown', function(event) {
        if (event.button === 0) { // Check if left mouse button is pressed
            const aTag = event.target.closest('a[href]');
            if (!aTag || aTag.href.startsWith('javascript:')) return;
 
            longPressTimer = setTimeout(() => {
                iframe.src = aTag.href;
                iframeContainer.style.display = 'flex';
            }, longPressDuration);
        }
    });
 
    document.body.addEventListener('mouseup', function(event) {
        clearTimeout(longPressTimer); // Cancel the timer when the mouse button is released
    });
 
    document.body.addEventListener('mouseover', function(event) {
        const aTag = event.target.closest('a[href]');
        if (!aTag || aTag.href.startsWith('javascript:')) return;
 
        currentHoveredLink = aTag; // Update currently hovered link
        if (keyDown) { // Check if 'F' key is still pressed
            iframe.src = currentHoveredLink.href;
            iframeContainer.style.display = 'flex';
        }
    }, { passive: true });
 
    document.body.addEventListener('mouseout', function(event) {
        if (event.target.closest('a[href]')) {
            currentHoveredLink = null; // Clear hovered link on mouseout
        }
    });
 
    iframeContainer.addEventListener('click', function(event) {
        if (event.target === iframeContainer) {
            iframeContainer.style.display = 'none';
            iframe.src = '';
        }
    });
 
    // 在每个帖子标题下的 .link-top-line 类下添加按钮
    const posts = document.querySelectorAll('.link-top-line'); // 选择所有 .link-top-line 元素
    posts.forEach(post => {
        const button = document.createElement('button');
        button.innerText = '预览'; // 按钮文本改为“预览”
        button.style.cssText = 'margin-left: 10px; padding: 6px 12px; background-color: #f0f0f0; color: black; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; display: none;'; // 去掉边框，字体颜色为黑色

        post.appendChild(button); // 将按钮添加到 .link-top-line 元素下

        // 鼠标悬停时显示按钮
        const mainLink = post.closest('.main-link.clearfix.topic-list-data');
        if (mainLink) {
            mainLink.addEventListener('mouseenter', () => {
                button.style.display = 'inline-block'; // 悬停时显示按钮
            });
            mainLink.addEventListener('mouseleave', () => {
                button.style.display = 'none'; // 离开时隐藏按钮
            });
        }

        button.addEventListener('click', function() {
            const link = post.querySelector('a[href]'); // 获取帖子链接
            if (link) {
                iframe.src = link.href;
                iframeContainer.style.display = 'flex';
            }
        });
    });
})();
欢迎访问Greasy Fork镜像
