Convert Any Links to Clickable Links

すべてのリンクをクリックできるリンクにかえる。
安裝腳本 ?
換行
// ==UserScript==
// @name         Convert Any Links to Clickable Links
// @namespace    kdroidwin.hatenablog.com
// @version      3.1
// @description  すべてのリンクをクリックできるリンクにかえる。
// @author       Kdroidwin
// @match        *://*/*
// @exclude      *://github.com/*
// @exclude      *://chat.openai.com/*
// @exclude      *://blog.hatena.ne.jp/*
// @grant        none
// @license      GPL-3.0
// ==/UserScript==

(function() {
    'use strict';

    const urlPattern = /\b(?:h?ttps?:\/\/[^\s<>"]+|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(?:\/[^\s<>"]*)?)\b/g;

    function convertTextToLinks(node) {
        if (node.nodeType !== 3 || !urlPattern.test(node.nodeValue)) return;

        const parent = node.parentNode;
        if (parent.tagName === 'A' || parent.matches('input, textarea, [contenteditable]')) return;

        const frag = document.createDocumentFragment();
        let lastIndex = 0;

        node.nodeValue.replace(urlPattern, (match, offset) => {
            frag.appendChild(document.createTextNode(node.nodeValue.slice(lastIndex, offset)));

            let url = match;
            if (url.startsWith('ttp')) {
                url = 'h' + url; // 'ttps://' → 'https://'
            } else if (!url.includes('://')) {
                url = 'https://' + url; // 'example.com' → 'https://example.com'
            }

            const a = document.createElement('a');
            a.href = url;
            a.textContent = url;
            a.target = '_blank';
            a.style.display = 'inline'; // レイアウト崩れ防止

            frag.appendChild(a);
            lastIndex = offset + match.length;
        });

        frag.appendChild(document.createTextNode(node.nodeValue.slice(lastIndex)));
        parent.replaceChild(frag, node);
    }

    function debounce(func, delay) {
        let timer;
        return (...args) => {
            clearTimeout(timer);
            timer = setTimeout(() => func(...args), delay);
        };
    }

    const observer = new MutationObserver(debounce(mutations => {
        for (const mutation of mutations) {
            if (mutation.type === 'childList') {
                for (const node of mutation.addedNodes) {
                    if (node.nodeType === 1) {
                        node.querySelectorAll('*').forEach(el => {
                            for (const textNode of el.childNodes) {
                                convertTextToLinks(textNode);
                            }
                        });
                    } else if (node.nodeType === 3) {
                        convertTextToLinks(node);
                    }
                }
            } else if (mutation.type === 'characterData') {
                convertTextToLinks(mutation.target);
            }
        }
    }, 500));

    observer.observe(document.body, { childList: true, subtree: true, characterData: true });

    document.body.querySelectorAll('*').forEach(el => {
        for (const node of el.childNodes) {
            convertTextToLinks(node);
        }
    });
})();