☰

Convert Any links to Clickable Links

Convert plain text URLs and domain names into clickable links

当前为 2025-02-23 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Convert Any links to Clickable Links 
  3. // @namespace    kdroidwin.hatenablog.com/
  4. // @version      1.0
  5. // @description  Convert plain text URLs and domain names into clickable links 
  6. // @author       Kdroidwin
  7. // @match        *://*/* 
  8. // @grant        none
  9. // @license MIT 
  10. // ==/UserScript==
  11.  
  12. (function() { 'use strict';
  13.  
  14. function convertTextToLinks() {
  15.     const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, {
  16.         acceptNode: node => {
  17.             if (node.parentNode && node.parentNode.tagName !== 'A' && /(https?:\/\/[^\s]+|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})/.test(node.nodeValue)) {
  18.                 return NodeFilter.FILTER_ACCEPT;
  19.             }
  20.             return NodeFilter.FILTER_REJECT;
  21.         }
  22.     });
  23.     
  24.     let nodes = [];
  25.     while (walker.nextNode()) {
  26.         nodes.push(walker.currentNode);
  27.     }
  28.     
  29.     nodes.forEach(node => {
  30.         const fragment = document.createDocumentFragment();
  31.         const parts = node.nodeValue.split(/(https?:\/\/[^\s]+|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})/g);
  32.         
  33.         parts.forEach(part => {
  34.             if (/https?:\/\//.test(part)) {
  35.                 const link = document.createElement('a');
  36.                 link.href = part;
  37.                 link.textContent = part;
  38.                 link.target = '_blank';
  39.                 fragment.appendChild(link);
  40.             } else if (/(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}/.test(part)) {
  41.                 const link = document.createElement('a');
  42.                 link.href = 'https://' + part;
  43.                 link.textContent = part;
  44.                 link.target = '_blank';
  45.                 fragment.appendChild(link);
  46.             } else {
  47.                 fragment.appendChild(document.createTextNode(part));
  48.             }
  49.         });
  50.         
  51.         node.parentNode.replaceChild(fragment, node);
  52.     });
  53. }
  54.  
  55. convertTextToLinks();
  56. new MutationObserver(convertTextToLinks).observe(document.body, { childList: true, subtree: true });
  57.  
  58. })();
  59.