迅联台风号-/title> <link rel="icon" href="favicon.ico" type="image/x-icon">  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />  <link rel="stylesheet" href="css/style.css" /> <style> .leaflet-control-attribution { display: none !important; } </style> </head> <body>  <header class="topbar"> <div class="topbar-left"> <img src="img/favicon.png" width="30"> <i class="fa-solid fa-hurricane topbar-icon"></i> <span class="topbar-title">迅联台风号-/span> </div> <div class="topbar-center"> <span id="active-count" class="badge">加载号-..</span> </div> <div class="topbar-right"> <span id="last-update" class="update-time">号-/span> <button id="btn-refresh" class="btn-icon" title="立即刷新"> <i class="fa-solid fa-rotate-right"></i> </button> </div> </header>  <div class="main-layout">  <aside class="sidebar" id="sidebar">  <section class="panel"> <div class="panel-header"> <i class="fa-solid fa-list"></i> <span>活跃台风</span> </div> <div id="typhoon-list" class="typhoon-list"> <div class="loading-placeholder"> <i class="fa-solid fa-spinner fa-spin"></i> 数据加载号-.. </div> </div> </section>  <section class="panel" id="panel-detail" style="display:none;"> <div class="panel-header"> <i class="fa-solid fa-circle-info"></i> <span id="detail-name">号-/span> </div> <div class="detail-grid" id="detail-grid">  </div>  <div class="legend"> <div class="legend-item"><span class="legend-line solid" style="background:#4fc3f7"></span>历史路径</div> <div class="legend-item"><span class="legend-line dashed" style="background:#ff8a65"></span>预报路径</div> <div class="legend-item"><span class="legend-dot" style="background:#ffeb3b"></span>7级风号-/div> <div class="legend-item"><span class="legend-dot" style="background:#ff9800"></span>10级风号-/div> <div class="legend-item"><span class="legend-dot" style="background:#f44336"></span>12级风号-/div> </div> </section>  <section class="panel" id="panel-weather"> <div class="panel-header"> <i class="fa-solid fa-cloud-sun-rain"></i> <span>影响区域气象</span> </div> <div id="weather-data" class="weather-grid"> <div class="loading-placeholder">请选择台风查看气象数据</div> </div> </section>  <section class="panel"> <div class="panel-header"> <i class="fa-solid fa-gauge-high"></i> <span>台风强度等级</span> </div> <div class="intensity-legend"> <div class="intensity-item"><span class="dot" style="background:#80d8ff"></span>热带低压 (TD) · 6~7号-/div> <div class="intensity-item"><span class="dot" style="background:#40c4ff"></span>热带风暴 (TS) · 8~9号-/div> <div class="intensity-item"><span class="dot" style="background:#69f0ae"></span>强热带风号-(STS) · 10~11号-/div> <div class="intensity-item"><span class="dot" style="background:#ffff00"></span>台风 (TY) · 12~13号-/div> <div class="intensity-item"><span class="dot" style="background:#ff9100"></span>强台号-(STY) · 14~15号-/div> <div class="intensity-item"><span class="dot" style="background:#ff1744"></span>超强台风 (SuperTY) · 号-6号-/div> </div> </section>  <div class="beian-info"> <img src="img/gongan.png" style="height: 16px; vertical-align: text-bottom; margin-right: 6px;"><a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备XXXX号-X</a> <img src="img/gongan.png" style="height: 16px; vertical-align: text-bottom; margin-right: 6px;"><a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank">苏公网安备:XXXXXX号</a> </div> </aside>  <div id="map"></div>  <button id="btn-toggle-sidebar" class="btn-toggle" title="折叠/展开"> <i class="fa-solid fa-angles-left" id="toggle-icon"></i> </button> </div>  <div id="loading-overlay" class="loading-overlay"> <div class="loading-box"> <i class="fa-solid fa-hurricane fa-spin loading-logo"></i> <p>正在获取台风数据...</p> </div> </div>  <div id="no-typhoon-msg" class="no-typhoon-msg" style="display:none;"> <i class="fa-solid fa-sun"></i> <p>当前西北太平洋无活跃台风</p>  </div>  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <script src="js/typhoon-api.js"></script> <script src="js/map.js"></script> <script src="js/app.js"></script> <script> (function detectDevTools() { let messageShown = false; function showMessage() { if (messageShown) return; messageShown = true; console.clear(); console.log('%c期待您加入迅联网号-, 'font-size: 24px; font-weight: bold; color: #00d4ff;'); console.log('%c我们的邮箱：support@hyvpr.cn', 'font-size: 18px; color: #ffd700;'); console.log('%c━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━号-, 'font-size: 14px; color: #888;'); console.log('%c感谢您的关注，期待与您共创未来！', 'font-size: 16px; color: #a8d8ea;'); } let detected = false; function triggerDetection() { if (detected || messageShown) return true; return false; } const originalLog = console.log; console.log = function() { if (!messageShown) { const args = Array.from(arguments); for (let i = 0; i < args.length; i++) { if (typeof args[i] === 'string' && args[i].includes('devtools')) { detected = true; showMessage(); break; } } } originalLog.apply(console, arguments); }; if (typeof console !== 'undefined' && console.table) { const originalTable = console.table; console.table = function() { if (!messageShown) { detected = true; showMessage(); } originalTable.apply(console, arguments); }; } let resizeCount = 0; let lastWidth = window.innerWidth; let lastHeight = window.innerHeight; window.addEventListener('resize', function() { const newWidth = window.innerWidth; const newHeight = window.innerHeight; if (Math.abs(newWidth - lastWidth) > 80 || Math.abs(newHeight - lastHeight) > 80) { resizeCount++; if (resizeCount > 3) { detected = true; showMessage(); } setTimeout(function() { if (!messageShown) { detected = true; showMessage(); } }, 500); } lastWidth = newWidth; lastHeight = newHeight; }); document.addEventListener('keydown', function(e) { const key = e.key; const ctrl = e.ctrlKey || e.metaKey; const shift = e.shiftKey; if (key === 'F12' || (ctrl && shift && (key === 'I' || key === 'J' || key === 'C')) || (ctrl && key === 'u') || (ctrl && shift && key === 'K')) { e.preventDefault ? e.preventDefault() : (e.returnValue = false); setTimeout(function() { detected = true; showMessage(); }, 800); setTimeout(function() { detected = true; showMessage(); }, 1500); setTimeout(function() { detected = true; showMessage(); }, 2500); } }); document.addEventListener('contextmenu', function(e) { setTimeout(function() { detected = true; showMessage(); }, 800); setTimeout(function() { detected = true; showMessage(); }, 1500); setTimeout(function() { detected = true; showMessage(); }, 2500); }); let frameCount = 0; function checkFrame() { frameCount++; if (frameCount > 20) return; if (!messageShown && frameCount > 10) { detected = true; showMessage(); } requestAnimationFrame(checkFrame); } setTimeout(function() { requestAnimationFrame(checkFrame); }, 500); setInterval(function() { if (!messageShown && document.hidden === false) { detected = true; showMessage(); } }, 3000); setTimeout(function() { if (!messageShown) { detected = true; showMessage(); } }, 2000); console.log('%cdevtools-check', 'font-size: 1px; opacity: 0;'); })(); </script> </body> </html>