Converts URLs into clickable links on YouTube Shorts.
目前為
// ==UserScript==
// @name YouTube Shorts Linkify
// @namespace http://tampermonkey.net/
// @version 1.1
// @license GPL-3.0-or-later
// @description Converts URLs into clickable links on YouTube Shorts.
// @match https://www.youtube.com/shorts/*
// @icon https://www.google.com/s2/favicons?domain=www.youtube.com&sz=64
// @grant none
// ==/UserScript==
(function() {
'use strict';
function ensureProtocol(url) {
url = url.trim();
if (url.startsWith("javascript:void")) return url;
if (url.startsWith("http://") || url.startsWith("https://")) return url;
return "https://" + url;
}
function initLinkify() {
const policy = window.trustedTypes ? trustedTypes.createPolicy('ytShortsLinkify', { createHTML: input => input }) : null;
const style = document.createElement('style');
style.textContent = "a.yt-short-linkify, a.yt-short-linkify:link, a.yt-short-linkify:visited, a.yt-short-linkify:hover, a.yt-short-linkify:active, a.yt-short-linkify[href^='javascript:void'], a.yt-core-attributed-string__link, a.yt-core-attributed-string__link--call-to-action-color { color: inherit !important; text-decoration: underline !important; cursor: pointer !important; background-color: inherit !important; } .custom-tooltip { position: absolute; background: #333; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 12px; pointer-events: none; z-index: 10000; opacity: 0.9; white-space: nowrap; }";
document.head.appendChild(style);
const urlRegex = /(?<![@,;:'"?!])\b((?:javascript:void(?:\([^)]+\))?(?:[a-zA-Z0-9\-._~:/?#[\]@!$&'()*+,;=%]*)?)|(?:(?:https?:\/\/)?(?:www\.)?[a-zA-Z0-9][a-zA-Z0-9-]*(?:\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,}(?:\/[a-zA-Z0-9\-._~:/?#[\]@!$&'()*+,;=%]*)?))\b/g;
function linkifyTextNode(textNode) {
if (!textNode.nodeValue || !urlRegex.test(textNode.nodeValue)) return;
const span = document.createElement('span');
let text = textNode.nodeValue, lastIndex = 0;
urlRegex.lastIndex = 0;
let match;
while ((match = urlRegex.exec(text)) !== null) {
const url = match[0], index = match.index;
span.appendChild(document.createTextNode(text.substring(lastIndex, index)));
const a = document.createElement('a');
a.className = 'yt-short-linkify';
a.href = ensureProtocol(url);
if (!url.toLowerCase().startsWith("javascript:void")) {
a.target = '_blank';
a.rel = 'noopener noreferrer';
a.textContent = url.replace(/^https?:\/\//i, '');
} else {
a.textContent = url;
}
function removeTooltip() {
if (a._tooltip) {
a._tooltip.remove();
a._tooltip = null;
}
}
a.addEventListener('mouseenter', function() {
removeTooltip();
const tooltip = document.createElement('div');
tooltip.className = 'custom-tooltip';
if (!a.href.toLowerCase().startsWith("javascript:void")) {
tooltip.textContent = a.href;
} else {
tooltip.textContent = a.textContent;
}
document.body.appendChild(tooltip);
const rect = a.getBoundingClientRect();
const tooltipRect = tooltip.getBoundingClientRect();
tooltip.style.left = (rect.left + window.pageXOffset) + 'px';
tooltip.style.top = (rect.top + window.pageYOffset - tooltipRect.height - 5) + 'px';
a._tooltip = tooltip;
setTimeout(removeTooltip, 2000);
});
a.addEventListener('mouseleave', removeTooltip);
a.addEventListener('mouseout', removeTooltip);
span.appendChild(a);
lastIndex = index + url.length;
}
span.appendChild(document.createTextNode(text.substring(lastIndex)));
textNode.parentNode.replaceChild(span, textNode);
}
function linkifyElement(element) {
const treeWalker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, {
acceptNode: function(node) {
if (node.parentNode && node.parentNode.nodeName === 'A') {
const href = node.parentNode.getAttribute('href');
if (href && href.startsWith('javascript:void')) return NodeFilter.FILTER_ACCEPT;
return NodeFilter.FILTER_REJECT;
}
return (node.nodeValue && urlRegex.test(node.nodeValue)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
}
});
const nodes = [];
while (treeWalker.nextNode()) nodes.push(treeWalker.currentNode);
nodes.forEach(linkifyTextNode);
}
const io = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
linkifyElement(entry.target);
io.unobserve(entry.target);
}
});
}, { threshold: 0.1 });
document.querySelectorAll('body *').forEach(el => io.observe(el));
const mutationObserver = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.type === 'childList') {
mutation.addedNodes.forEach(node => { if (node.nodeType === Node.ELEMENT_NODE) io.observe(node); });
} else if (mutation.type === 'characterData') {
if (mutation.target.parentNode) io.observe(mutation.target.parentNode);
} else if (mutation.type === 'attributes' && mutation.target) {
io.observe(mutation.target);
}
});
});
mutationObserver.observe(document.body, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ['class', 'style'] });
document.addEventListener('click', function() {
document.querySelectorAll('.custom-tooltip').forEach(function(tooltip) { tooltip.remove(); });
});
function attachOuterLinkRedirect() {
document.querySelectorAll('a.yt-core-attributed-string__link--call-to-action-color').forEach(outerLink => {
outerLink.removeEventListener('click', outerLink._redirectHandler, true);
outerLink._redirectHandler = function(event) {
event.preventDefault();
event.stopPropagation();
event.stopImmediatePropagation();
const innerLink = outerLink.querySelector('a.yt-short-linkify');
if (innerLink && innerLink.href && innerLink.href !== "javascript:void(0);") {
setTimeout(() => { window.open(innerLink.href, '_blank'); }, 0);
}
};
outerLink.addEventListener('click', outerLink._redirectHandler, true);
});
}
attachOuterLinkRedirect();
const outerLinkObserver = new MutationObserver(attachOuterLinkRedirect);
outerLinkObserver.observe(document.body, { childList: true, subtree: true, attributes: false });
}
window.addEventListener('load', initLinkify);
})();