基于原版的基礎上新增了一個功能點:IP-A段過濾,可以快速把內網192、170、10或者其它你想要過濾掉的IP-A段輕松去掉,提高你的干活效率!!!
界面樣式預覽:
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>IP與域名提取工具 - 極速版</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><style>* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}body {background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c);min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 20px;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.container {width: 100%;max-width: 1200px;background: rgba(0, 0, 20, 0.8);border-radius: 20px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);overflow: hidden;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.1);}header {background: rgba(0, 10, 30, 0.9);padding: 25px 40px;text-align: center;border-bottom: 2px solid #00ccff;position: relative;}h1 {font-size: 2.5rem;margin-bottom: 10px;background: linear-gradient(90deg, #00ccff, #00ffcc);-webkit-background-clip: text;background-clip: text;color: transparent;text-shadow: 0 0 15px rgba(0, 204, 255, 0.5);}.subtitle {color: #a0d2ff;font-size: 1.1rem;opacity: 0.9;max-width: 800px;margin: 0 auto;line-height: 1.6;}.features {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;margin-top: 20px;}.feature {background: rgba(0, 204, 255, 0.15);border-radius: 8px;padding: 8px 15px;font-size: 0.9rem;display: flex;align-items: center;gap: 8px;color: #fff;}.mode-toggle {position: absolute;top: 20px;right: 20px;background: rgba(0, 204, 255, 0.2);border-radius: 20px;padding: 8px 16px;display: flex;align-items: center;gap: 8px;cursor: pointer;transition: all 0.3s ease;}.mode-toggle:hover {background: rgba(0, 204, 255, 0.3);}.mode-indicator {width: 12px;height: 12px;border-radius: 50%;background: #00ff00;box-shadow: 0 0 8px #00ff00;}.mode-indicator.off {background: #ff5555;box-shadow: 0 0 8px #ff5555;}.tooltip {position: absolute;top: -40px;right: 0;background: rgba(0, 40, 80, 0.9);color: #00ffcc;padding: 8px 12px;border-radius: 8px;font-size: 0.8rem;white-space: nowrap;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}.mode-toggle:hover .tooltip {opacity: 1;}.main-content {display: flex;flex-wrap: wrap;padding: 30px;gap: 30px;}.input-section {flex: 1;min-width: 300px;}.output-section {flex: 1;min-width: 300px;display: flex;flex-direction: column;gap: 30px;}.section-title {font-size: 1.4rem;margin-bottom: 15px;color: #00ccff;display: flex;align-items: center;gap: 10px;}.section-title i {font-size: 1.2rem;}textarea {width: 100%;height: 250px;background: rgba(0, 20, 40, 0.7);border: 1px solid rgba(0, 204, 255, 0.4);border-radius: 12px;padding: 20px;color: #fff;font-size: 1rem;resize: vertical;transition: all 0.3s ease;}textarea:focus {outline: none;border-color: #00ccff;box-shadow: 0 0 15px rgba(0, 204, 255, 0.4);}textarea::placeholder {color: rgba(160, 210, 255, 0.7);}.button-group {display: flex;gap: 15px;margin-top: 20px;flex-wrap: wrap;}.btn {flex: 1;min-width: 140px;padding: 15px 20px;border: none;border-radius: 10px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 10px;}.btn-primary {background: linear-gradient(90deg, #00a6ff, #00ffc3);color: #00203d;}.btn-secondary {background: rgba(255, 255, 255, 0.1);color: #00ccff;border: 1px solid rgba(0, 204, 255, 0.4);}.btn-orange {background: rgba(255, 165, 0, 0.2);color: #ffaa33;border: 1px solid rgba(255, 165, 0, 0.4);}.btn-purple {background: rgba(128, 0, 128, 0.2);color: #d8bfd8;border: 1px solid rgba(128, 0, 128, 0.4);}.btn:hover {transform: translateY(-3px);box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);}.btn:active {transform: translateY(1px);}.btn-primary:hover {background: linear-gradient(90deg, #0095e6, #00e6b8);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.15);border-color: #00ccff;}.btn-orange:hover {background: rgba(255, 165, 0, 0.3);}.btn-purple:hover {background: rgba(128, 0, 128, 0.3);}.results-box {background: rgba(0, 20, 40, 0.7);border: 1px solid rgba(0, 204, 255, 0.4);border-radius: 12px;padding: 20px;min-height: 250px;position: relative;}.box-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;gap: 15px;flex-wrap: wrap;}.copy-btn {background: rgba(0, 204, 255, 0.2);color: #00ccff;border: none;padding: 8px 15px;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 8px;flex-shrink: 0;}.copy-btn:hover {background: rgba(0, 204, 255, 0.3);}.results-content {max-height: 200px;overflow-y: auto;padding-right: 10px;}.results-content::-webkit-scrollbar {width: 8px;}.results-content::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.2);border-radius: 4px;}.results-content::-webkit-scrollbar-thumb {background: rgba(0, 204, 255, 0.5);border-radius: 4px;}.result-item {padding: 10px 15px;background: rgba(0, 40, 80, 0.4);border-radius: 8px;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;animation: fadeIn 0.5s ease;color: #fff;font-weight: 500;letter-spacing: 0.03em;}.result-item.duplicate {background: rgba(180, 60, 60, 0.4);color: #ffaaaa;text-decoration: line-through;}.result-item.filtered {background: rgba(128, 0, 128, 0.3);color: #d8bfd8;text-decoration: line-through;}@keyframes fadeIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}.result-item .copy-icon {color: #00ccff;cursor: pointer;font-size: 1.1rem;transition: all 0.2s ease;}.result-item .copy-icon:hover {color: #00ffcc;transform: scale(1.1);}.empty-message {color: #a0d2ff;text-align: center;padding: 20px;font-style: italic;text-shadow: 0 1px 2px rgba(0,0,0,0.5);}.counter {background: rgba(0, 204, 255, 0.2);border-radius: 20px;padding: 3px 10px;font-size: 0.9rem;}.counter.warning {background: rgba(255, 204, 0, 0.2);}.counter.filtered {background: rgba(128, 0, 128, 0.3);}.notification {position: fixed;top: 20px;right: 20px;background: rgba(0, 40, 80, 0.9);color: #00ffcc;padding: 15px 25px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);display: flex;align-items: center;gap: 10px;transform: translateX(120%);transition: transform 0.4s ease;z-index: 1000;border: 1px solid rgba(0, 204, 255, 0.4);}.notification.warning {background: rgba(100, 60, 0, 0.9);color: #ffcc00;border-color: rgba(255, 204, 0, 0.4);}.notification.filtered {background: rgba(128, 0, 128, 0.8);color: #d8bfd8;border-color: rgba(128, 0, 128, 0.6);}.notification.show {transform: translateX(0);}.filter-info {background: rgba(0, 40, 80, 0.5);border-radius: 8px;padding: 12px;margin-top: 15px;font-size: 0.9rem;border-left: 3px solid #00ccff;display: flex;align-items: center;gap: 10px;color: #fff;}.segment-info {background: rgba(128, 0, 128, 0.2);border-left-color: #9370db;}/* 重復IP列表樣式 */.duplicate-ips-container {background: rgba(150, 50, 50, 0.3);border: 1px solid rgba(255, 100, 100, 0.4);border-radius: 12px;margin-top: 20px;overflow: hidden;max-height: 0;transition: max-height 0.4s ease;}.duplicate-ips-container.show {max-height: 500px;}.duplicate-ips-header {padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;background: rgba(180, 60, 60, 0.4);color: #fff;}.duplicate-ips-content {max-height: 200px;overflow-y: auto;padding: 10px;}.duplicate-ip-item {padding: 8px 15px;background: rgba(180, 60, 60, 0.3);border-radius: 8px;margin-bottom: 8px;display: flex;justify-content: space-between;align-items: center;color: #fff;}.duplicate-count {background: rgba(255, 100, 100, 0.5);border-radius: 12px;padding: 2px 8px;font-size: 0.8rem;}/* 過濾IP段樣式 */.segment-filter-container {display: flex;gap: 10px;margin-top: 15px;align-items: center;}.segment-input {flex: 1;padding: 12px 15px;background: rgba(0, 20, 40, 0.7);border: 1px solid rgba(128, 0, 128, 0.4);border-radius: 8px;color: #fff;font-size: 1rem;}.segment-input:focus {outline: none;border-color: #9370db;box-shadow: 0 0 10px rgba(147, 112, 219, 0.5);}.segment-input::placeholder {color: rgba(160, 120, 220, 0.7);}.filtered-ips-container {background: rgba(128, 0, 128, 0.2);border: 1px solid rgba(147, 112, 219, 0.4);border-radius: 12px;margin-top: 20px;overflow: hidden;max-height: 0;transition: max-height 0.4s ease;}.filtered-ips-container.show {max-height: 500px;}.filtered-ips-header {padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;background: rgba(128, 0, 128, 0.3);color: #d8bfd8;}.filtered-ips-content {max-height: 200px;overflow-y: auto;padding: 10px;}.filtered-ip-item {padding: 8px 15px;background: rgba(128, 0, 128, 0.2);border-radius: 8px;margin-bottom: 8px;display: flex;justify-content: space-between;align-items: center;color: #d8bfd8;}.filtered-count {background: rgba(147, 112, 219, 0.5);border-radius: 12px;padding: 2px 8px;font-size: 0.8rem;}/* 按鈕分組間距 */.action-buttons {display: flex;gap: 15px;flex-wrap: wrap;}/* 結果框標題區 */.results-header-container {display: flex;justify-content: space-between;align-items: center;width: 100%;flex-wrap: wrap;gap: 15px;}/* 頂部控制區間距 */.top-controls {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 15px;width: 100%;}@media (max-width: 768px) {.main-content {flex-direction: column;}h1 {font-size: 2rem;}.features {flex-direction: column;align-items: center;}.mode-toggle {position: static;margin-top: 15px;align-self: center;}.box-header {flex-direction: column;align-items: flex-start;}.action-buttons {width: 100%;justify-content: space-between;margin-top: 10px;}.copy-btn {width: 100%;margin-top: 10px;}.segment-filter-container {flex-direction: column;align-items: stretch;}}</style>
</head>
<body><div class="container"><header><h1><i class="fas fa-network-wired"></i> IP與域名提取工具</h1><p class="subtitle">從文本中智能提取IP地址和域名,提供多種過濾模式與重復IP查看功能</p><div class="mode-toggle" id="modeToggle"><div class="tooltip">切換IP去重模式(唯一IP/傳統去重)</div><div class="mode-indicator" id="modeIndicator"></div><span>唯一IP模式</span></div><div class="features"><div class="feature"><i class="fas fa-check-circle"></i> 智能域名識別</div><div class="feature"><i class="fas fa-filter"></i> IP過濾選項</div><div class="feature"><i class="fas fa-eye"></i> 查看重復IP</div><div class="feature"><i class="fas fa-copy"></i> 一鍵復制</div><div class="feature"><i class="fas fa-ban"></i> IP段過濾</div></div></header><div class="main-content"><div class="input-section"><h2 class="section-title"><i class="fas fa-paste"></i> 粘貼文本內容</h2><textarea id="inputText" placeholder="在此處粘貼包含IP地址和域名的文本...">訪問我們的網站:www.example.com 或 example.org
服務器IP:192.168.1.1 和 10.0.0.1
測試域名:sub.domain.co.uk, another.test.com
重復IP:42.236.17.33 和 42.236.17.33
其他IP:111.225.149.56, 182.98.61.12, 38.207.178.220測試誤識別情況:
文件:202408.rar (不應被識別為域名)
文件:report2024.pdf (不應被識別)
合法域名:123domain.com (應該被識別)更多重復測試:
192.168.1.1 再次出現
10.0.0.1 和 10.0.0.1 是重復的
42.236.17.33 第三次出現</textarea><div class="filter-info segment-info"><i class="fas fa-info-circle"></i><span>IP段過濾:輸入IP的A段數字(如192、10、172)來過濾特定IP段</span></div><div class="segment-filter-container"><input type="text" id="segmentInput" class="segment-input" placeholder="輸入IP的A段(如192、10、172)"><button id="filterSegmentBtn" class="btn btn-purple"><i class="fas fa-ban"></i> 過濾IP段</button></div><!-- 被過濾的IP段地址顯示區域 - 移動到這里 --><div id="filteredIpsContainer" class="filtered-ips-container"><div class="filtered-ips-header"><span><i class="fas fa-ban"></i> 被過濾的IP段地址</span><span id="filteredCount" class="filtered-count">0個過濾</span></div><div id="filteredIpsContent" class="filtered-ips-content"><div class="empty-message">沒有過濾IP地址</div></div></div><div class="button-group"><button id="extractBtn" class="btn btn-primary"><i class="fas fa-magic"></i> 提取IP和域名</button><button id="clearBtn" class="btn btn-secondary"><i class="fas fa-trash-alt"></i> 清除內容</button></div></div><div class="output-section"><div class="ip-results"><div class="box-header"><div class="results-header-container"><h2 class="section-title"><i class="fas fa-globe"></i> IP地址 <span id="ipCount" class="counter">0</span></h2><div class="action-buttons"><button id="showDuplicatesBtn" class="copy-btn btn-orange"><i class="fas fa-eye"></i> 顯示重復IP</button><button id="copyIpBtn" class="copy-btn"><i class="fas fa-copy"></i> 復制所有</button></div></div></div><div class="results-box"><div id="ipResults" class="results-content"><div class="empty-message">提取的IP地址將顯示在這里<br><small>重復IP將被完全移除</small></div></div></div><!-- 重復IP列表容器 --><div id="duplicateIpsContainer" class="duplicate-ips-container"><div class="duplicate-ips-header"><span><i class="fas fa-exclamation-circle"></i> 被過濾的重復IP地址</span><span id="duplicateCount" class="duplicate-count">0個重復</span></div><div id="duplicateIpsContent" class="duplicate-ips-content"><div class="empty-message">沒有重復IP地址</div></div></div></div><div class="domain-results"><div class="box-header"><div class="top-controls"><h2 class="section-title"><i class="fas fa-server"></i> 域名 <span id="domainCount" class="counter">0</span></h2><button id="copyDomainBtn" class="copy-btn"><i class="fas fa-copy"></i> 復制所有域名</button></div></div><div class="results-box"><div id="domainResults" class="results-content"><div class="empty-message">提取的域名將顯示在這里<br><small>保留唯一的域名</small></div></div></div></div></div></div></div><div id="notification" class="notification"><i class="fas fa-check-circle"></i><span id="notificationText">已復制到剪貼板!</span></div><script>document.addEventListener('DOMContentLoaded', function() {// DOM元素const inputText = document.getElementById('inputText');const extractBtn = document.getElementById('extractBtn');const clearBtn = document.getElementById('clearBtn');const ipResults = document.getElementById('ipResults');const domainResults = document.getElementById('domainResults');const copyIpBtn = document.getElementById('copyIpBtn');const copyDomainBtn = document.getElementById('copyDomainBtn');const ipCount = document.getElementById('ipCount');const domainCount = document.getElementById('domainCount');const notification = document.getElementById('notification');const notificationText = document.getElementById('notificationText');const modeToggle = document.getElementById('modeToggle');const modeIndicator = document.getElementById('modeIndicator');const showDuplicatesBtn = document.getElementById('showDuplicatesBtn');const duplicateIpsContainer = document.getElementById('duplicateIpsContainer');const duplicateIpsContent = document.getElementById('duplicateIpsContent');const duplicateCount = document.getElementById('duplicateCount');const filteredIpsContainer = document.getElementById('filteredIpsContainer');const filteredIpsContent = document.getElementById('filteredIpsContent');const filteredCount = document.getElementById('filteredCount');const segmentInput = document.getElementById('segmentInput');const filterSegmentBtn = document.getElementById('filterSegmentBtn');let uniqueMode = true; // 默認開啟唯一IP模式let duplicatesMap = new Map(); // 存儲重復IP及其出現次數let filteredMap = new Map(); // 存儲過濾的IP及其出現次數let showDuplicates = false; // 是否顯示重復IP列表let showFiltered = false; // 是否顯示過濾IP列表let currentFilterSegment = ''; // 當前過濾的IP段let extractedIPs = []; // 存儲提取的IPs// 切換IP處理模式modeToggle.addEventListener('click', function() {uniqueMode = !uniqueMode;if (uniqueMode) {modeIndicator.classList.remove('off');modeToggle.querySelector('span').textContent = '唯一IP模式';showNotification('唯一IP模式:完全移除重復IP', false);} else {modeIndicator.classList.add('off');modeToggle.querySelector('span').textContent = '傳統去重模式';showNotification('傳統去重模式:重復IP保留一個實例', true);}// 隱藏重復IP列表showDuplicates = false;duplicateIpsContainer.classList.remove('show');showDuplicatesBtn.innerHTML = '<i class="fas fa-eye"></i> 顯示重復IP';// 如果有文本內容,重新運行提取if (inputText.value.trim()) {extractBtn.click();}});// 切換顯示重復IP列表showDuplicatesBtn.addEventListener('click', function() {showDuplicates = !showDuplicates;if (showDuplicates) {duplicateIpsContainer.classList.add('show');this.innerHTML = '<i class="fas fa-eye-slash"></i> 隱藏重復IP';} else {duplicateIpsContainer.classList.remove('show');this.innerHTML = '<i class="fas fa-eye"></i> 顯示重復IP';}});// 過濾IP段filterSegmentBtn.addEventListener('click', function() {const segment = segmentInput.value.trim();if (!segment) {showNotification('請輸入要過濾的IP段', true);return;}if (!/^\d{1,3}$/.test(segment)) {showNotification('請輸入有效的IP段(1-3位數字)', true);return;}currentFilterSegment = segment;// 重新應用過濾if (extractedIPs.length > 0) {applySegmentFilter(extractedIPs, segment);showNotification(`已過濾所有以 ${segment} 開頭的IP地址`, 'filtered');// 顯示過濾IP列表showFiltered = true;filteredIpsContainer.classList.add('show');} else {showNotification('請先提取IP地址', true);}});// 提取IP和域名extractBtn.addEventListener('click', function() {const text = inputText.value;if (!text.trim()) {showNotification('請先輸入文本內容', true);return;}// 提取IP地址 (IPv4格式)const ipRegex = /\b(?:\d{1,3}\.){3}\d{1,3}\b/g;const ipMatches = text.match(ipRegex) || [];// 重置重復IP映射duplicatesMap = new Map();filteredMap = new Map();// 存儲原始提取的IPsextractedIPs = [...ipMatches];// 按模式處理IPlet uniqueIPs;if (uniqueMode) {// 唯一IP模式:完全移除重復IPconst ipCountMap = new Map();// 計數每個IP出現的次數ipMatches.forEach(ip => {ipCountMap.set(ip, (ipCountMap.get(ip) || 0) + 1);});// 只保留出現一次的唯一IPuniqueIPs = ipMatches.filter(ip => ipCountMap.get(ip) === 1);// 收集重復IP及其出現次數ipCountMap.forEach((count, ip) => {if (count > 1) {duplicatesMap.set(ip, count);}});} else {// 傳統模式:去重保留唯一IPuniqueIPs = [...new Set(ipMatches)];// 在傳統模式下也收集重復IP信息用于顯示const ipCountMap = new Map();ipMatches.forEach(ip => {ipCountMap.set(ip, (ipCountMap.get(ip) || 0) + 1);});ipCountMap.forEach((count, ip) => {if (count > 1) {duplicatesMap.set(ip, count);}});}// 應用IP段過濾(如果有)if (currentFilterSegment) {uniqueIPs = applySegmentFilter(uniqueIPs, currentFilterSegment);}// 更新重復IP列表updateDuplicateIPsList();// 增強版域名提取 - 避免誤識別文件名// 匹配標準域名格式,排除純數字前綴的情況const domainRegex = /\b(?:[a-z][a-z0-9-]*\.)+[a-z]{2,}\b/gi;const rawDomains = text.match(domainRegex) || [];// 進一步過濾結果:排除純數字前綴的"域名"(如202408.rar)const domains = [...new Set(rawDomains.filter(domain => {// 獲取域名第一部分(排除TLD)const parts = domain.split('.');const mainPart = parts.slice(0, -1).join('');// 如果主要部分只包含數字,則排除(很可能是文件名)return !/^\d+$/.test(mainPart);}))];// 顯示結果displayResults(uniqueIPs, ipResults, ipCount, 'ip', ipMatches);displayResults(domains, domainResults, domainCount, 'domain');});// 應用IP段過濾function applySegmentFilter(ips, segment) {// 重置過濾映射filteredMap = new Map();// 過濾掉以指定段開頭的IPconst filteredIPs = ips.filter(ip => {if (ip.startsWith(segment + '.')) {// 記錄被過濾的IPfilteredMap.set(ip, (filteredMap.get(ip) || 0) + 1);return false;}return true;});// 更新過濾IP列表updateFilteredIPsList();// 重新顯示結果displayResults(filteredIPs, ipResults, ipCount, 'ip', extractedIPs);return filteredIPs;}// 更新重復IP列表function updateDuplicateIPsList() {duplicateIpsContent.innerHTML = '';if (duplicatesMap.size === 0) {duplicateIpsContent.innerHTML = '<div class="empty-message">沒有重復IP地址</div>';duplicateCount.textContent = '0個重復';return;}duplicateCount.textContent = `${duplicatesMap.size}個重復`;// 按重復次數排序(從高到低)const sortedDuplicates = [...duplicatesMap.entries()].sort((a, b) => b[1] - a[1]);sortedDuplicates.forEach(([ip, count]) => {const duplicateItem = document.createElement('div');duplicateItem.className = 'duplicate-ip-item';duplicateItem.innerHTML = `<span>${ip}</span><div class="duplicate-count">出現 ${count} 次</div>`;duplicateIpsContent.appendChild(duplicateItem);});}// 更新過濾IP列表function updateFilteredIPsList() {filteredIpsContent.innerHTML = '';if (filteredMap.size === 0) {filteredIpsContent.innerHTML = '<div class="empty-message">沒有過濾IP地址</div>';filteredCount.textContent = '0個過濾';return;}filteredCount.textContent = `${filteredMap.size}個過濾`;// 按IP地址排序const sortedFiltered = [...filteredMap.entries()].sort((a, b) => a[0].localeCompare(b[0]));sortedFiltered.forEach(([ip, count]) => {const filteredItem = document.createElement('div');filteredItem.className = 'filtered-ip-item';filteredItem.innerHTML = `<span>${ip}</span><div class="filtered-count">出現 ${count} 次</div>`;filteredIpsContent.appendChild(filteredItem);});}// 顯示結果函數function displayResults(items, container, counter, type, originalItems = []) {container.innerHTML = '';if (items.length === 0) {container.innerHTML = `<div class="empty-message">未找到${type === 'ip' ? 'IP地址' : '域名'}</div>`;counter.textContent = '0';counter.className = 'counter';return;}counter.textContent = items.length;// 添加警告樣式如果是IP模式且有移除if (type === 'ip' && uniqueMode && originalItems.length > items.length) {counter.className = 'counter warning';} else if (type === 'ip' && filteredMap.size > 0) {counter.className = 'counter filtered';} else {counter.className = 'counter';}items.forEach(item => {const resultItem = document.createElement('div');resultItem.className = 'result-item';// 標記重復項(在傳統模式下)const isDuplicate = type === 'ip' && !uniqueMode && originalItems.filter(ip => ip === item).length > 1;// 標記被過濾項const isFiltered = type === 'ip' && filteredMap.has(item);if (isDuplicate) {resultItem.classList.add('duplicate');} else if (isFiltered) {resultItem.classList.add('filtered');}resultItem.innerHTML = `<span>${item}</span><i class="fas fa-copy copy-icon" data-value="${item}"></i>`;container.appendChild(resultItem);});// 添加單個條目的復制功能container.querySelectorAll('.copy-icon').forEach(icon => {icon.addEventListener('click', function() {const value = this.getAttribute('data-value');copyToClipboard(value, '已復制: ' + value);});});}// 復制IP地址copyIpBtn.addEventListener('click', function() {const ips = Array.from(ipResults.querySelectorAll('.result-item span')).map(span => span.textContent).join('\n');if (ips) {copyToClipboard(ips, '已復制所有IP地址');} else {showNotification('沒有可復制的IP地址', true);}});// 復制域名copyDomainBtn.addEventListener('click', function() {const domains = Array.from(domainResults.querySelectorAll('.result-item span')).map(span => span.textContent).join('\n');if (domains) {copyToClipboard(domains, '已復制所有域名');} else {showNotification('沒有可復制的域名', true);}});// 清除內容clearBtn.addEventListener('click', function() {inputText.value = '';segmentInput.value = '';ipResults.innerHTML = '<div class="empty-message">提取的IP地址將顯示在這里<br><small>重復IP將被完全移除</small></div>';domainResults.innerHTML = '<div class="empty-message">提取的域名將顯示在這里<br><small>保留唯一的域名</small></div>';ipCount.textContent = '0';domainCount.textContent = '0';ipCount.className = 'counter';domainCount.className = 'counter';// 重置重復IP列表duplicatesMap = new Map();filteredMap = new Map();currentFilterSegment = '';updateDuplicateIPsList();updateFilteredIPsList();showDuplicates = false;showFiltered = false;duplicateIpsContainer.classList.remove('show');filteredIpsContainer.classList.remove('show');showDuplicatesBtn.innerHTML = '<i class="fas fa-eye"></i> 顯示重復IP';});// 復制到剪貼板函數function copyToClipboard(text, message) {navigator.clipboard.writeText(text).then(() => {showNotification(message, false);}).catch(err => {showNotification('復制失敗: ' + err, true);});}// 顯示通知function showNotification(message, isWarning) {notificationText.textContent = message;notification.className = 'notification';if (isWarning === true) {notification.classList.add('warning');} else if (isWarning === 'filtered') {notification.classList.add('filtered');}notification.classList.add('show');setTimeout(() => {notification.classList.remove('show');}, 3000);}// 初始化時自動提取一次extractBtn.click();});</script>
</body>
</html>