☰

Convert Any links to Clickable Links

Convert plain text URLs and domain names (even missing "h" for http/https) into clickable links

目前為 2025-02-23 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         Convert Any links to Clickable Links 
  3. // @namespace    kdroidwin.hatenablog.com/
  4. // @version      1.1
  5. // @description  Convert plain text URLs and domain names (even missing "h" for http/https) 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.     // 正規表現パターンを更新: "h" がない場合や "http(s)://" の場合も対象にする
  16.     // この例では先頭が "h?ttps?://" を探すことで、"h" がない場合にもマッチする
  17.     const pattern = /(h?ttps?:\/\/[^\s]+|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})/g;
  18.     
  19.     const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, {
  20.         acceptNode: node => {
  21.             // この部分も正規表現を更新（元のコードとほぼ同じですが、patternを使用）
  22.             if (node.parentNode && node.parentNode.tagName !== 'A' && pattern.test(node.nodeValue)) {
  23.                 return NodeFilter.FILTER_ACCEPT;
  24.             }
  25.             return NodeFilter.FILTER_REJECT;
  26.         }
  27.     });
  28.     
  29.     let nodes = [];
  30.     while (walker.nextNode()) {
  31.         nodes.push(walker.currentNode);
  32.     }
  33.     
  34.     nodes.forEach(node => {
  35.         const fragment = document.createDocumentFragment();
  36.         // 改良：正規表現のキャプチャを利用して分割（splitはキャプチャも含むのでOK）
  37.         const parts = node.nodeValue.split(pattern);
  38.         
  39.         parts.forEach(part => {
  40.             // "ttps://" で始まる場合には先頭に"h"を補給
  41.             if (/^ttps:\/\//i.test(part)) {
  42.                 const link = document.createElement('a');
  43.                 link.href = 'h' + part;
  44.                 link.textContent = part;
  45.                 link.target = '_blank';
  46.                 fragment.appendChild(link);
  47.             // "http://" または "https://" で始まる場合
  48.             } else if (/^https?:\/\//i.test(part)) {
  49.                 const link = document.createElement('a');
  50.                 link.href = part;
  51.                 link.textContent = part;
  52.                 link.target = '_blank';
  53.                 fragment.appendChild(link);
  54.             // ドメインパターン
  55.             } else if (/(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}/.test(part)) {
  56.                 const link = document.createElement('a');
  57.                 link.href = 'https://' + part;
  58.                 link.textContent = part;
  59.                 link.target = '_blank';
  60.                 fragment.appendChild(link);
  61.             } else {
  62.                 fragment.appendChild(document.createTextNode(part));
  63.             }
  64.         });
  65.         
  66.         node.parentNode.replaceChild(fragment, node);
  67.     });
  68. }
  69.  
  70. convertTextToLinks();
  71. new MutationObserver(convertTextToLinks).observe(document.body, { childList: true, subtree: true });
  72. })();