[v5.4.1 BUG修复] 修正了部分CDN（如腾讯云EdgeOne）返回多个相同缓存状态头部时，面板信息重复显示的问题。确保缓存状态的显示唯一且正确。
当前为
// ==UserScript==
// @name CDN & Server Info Displayer (Cache Status Fix)
// @name:en CDN & Server Info Displayer (Cache Status Fix)
// @namespace http://tampermonkey.net/
// @version 5.4.1
// @description [v5.4.1 BUG修复] 修正了部分CDN（如腾讯云EdgeOne）返回多个相同缓存状态头部时，面板信息重复显示的问题。确保缓存状态的显示唯一且正确。
// @description:en [v5.4.1 BUG FIX] Fixed an issue where duplicate cache statuses were displayed when some CDNs (like Tencent EdgeOne) returned multiple identical cache headers. Ensures the cache status is unique and correct.
// @author Gemini (AI Bug Fix)
// @license MIT
// @match *://*/*
// @grant GM_addStyle
// @run-at document-idle
// ==/UserScript==
(function() {
'use strict';
// --- Configuration (Unchanged) ---
const config = {
initialPosition: { bottom: '20px', right: '20px' },
minWindowSize: { width: 400, height: 300 },
initial_delay: 2500,
retry_delay: 7000,
max_retries: 4,
excludePatterns: [ /* ... */ ]
};
window.cdnScriptStatus = window.cdnScriptStatus || {};
// --- Core Info Parsing Functions ---
function getCacheStatus(h) {
const headersToCheck = [
h.get('x-cache-lookup'),
h.get('cache-status'), h.get('x-cache-status'), h.get('x-cache'),
h.get('x-edge-cache-status'), h.get('x-sucuri-cache'), h.get('x-vercel-cache'),
h.get('x-qc-cache'), h.get('cf-cache-status'), h.get('x-response-cache'),
h.get('x-bdcdn-cache-status'), h.get('cdn-cache'), h.get('bunny-cache-state')
];
for (const value of headersToCheck) {
if (!value) continue;
// Handle multiple values by checking the first part
const firstValue = value.split(',')[0].trim();
const upperVal = firstValue.toUpperCase();
if (upperVal.includes('HIT')) return 'HIT';
if (upperVal.includes('MISS')) return 'MISS';
if (upperVal.includes('BYPASS')) return 'BYPASS';
if (upperVal.includes('DYNAMIC')) return 'DYNAMIC';
// ... other statuses
}
if (parseInt(h.get('age'), 10) > 0) return 'HIT (inferred)';
return 'N/A';
}
// --- Updated cdnProviders object ---
const cdnProviders = {
'Tencent EdgeOne': {
serverHeaders: ['edgeone-pages'],
headers: ['x-nws-log-uuid'],
priority: 10,
getInfo: (h) => {
let cache = 'N/A';
const lookup = h.get('x-cache-lookup');
if (lookup) {
// 核心修正：分割字符串并只取第一部分来处理
const firstPart = lookup.split(',')[0].trim();
cache = firstPart.replace('Cache ', '').toUpperCase();
} else {
cache = getCacheStatus(h);
}
return {
provider: 'Tencent EdgeOne',
cache: cache,
pop: 'N/A',
extra: `Log-UUID: ${h.get('x-nws-log-uuid') || 'N/A'}`
};
}
},
'Cloudflare':{headers:['cf-ray'],serverHeaders:['cloudflare'],priority:10,getInfo:(h)=>({provider:'Cloudflare',cache:h.get('cf-cache-status')?.toUpperCase()||'N/A',pop:h.get('cf-ray')?.slice(-3).toUpperCase()||'N/A',extra:`Ray ID: ${h.get('cf-ray')||'N/A'}`})},
'AWS CloudFront':{headers:['x-amz-cf-pop','x-amz-cf-id'],priority:9,getInfo:(h)=>({provider:'AWS CloudFront',cache:getCacheStatus(h),pop:(h.get('x-amz-cf-pop')||'N/A').substring(0,3),extra:`CF ID: ${h.get('x-amz-cf-id')||'N/A'}`})},
'Fastly':{headers:['x-fastly-request-id','x-served-by'],priority:9,getInfo:(h)=>({provider:'Fastly',cache:getCacheStatus(h),pop:h.get('x-served-by')?.split('-').pop()||'N/A',extra:`ReqID: ${h.get('x-fastly-request-id')||'N/A'}`})},
'Vercel':{headers:['x-vercel-id'],priority:10,getInfo:(h)=>{let pop='N/A';const vercelId=h.get('x-vercel-id');if(vercelId){const regionPart=vercelId.split('::')[0];const match=regionPart.match(/^[a-zA-Z]+/);if(match)pop=match[0].toUpperCase();}return{provider:'Vercel',cache:getCacheStatus(h),pop:pop,extra:`ID: ${h.get('x-vercel-id')||'N/A'}`};}},
};
function parseInfo(h) {
const lowerCaseHeaders=new Map();for(const[key,value]of h.entries()){lowerCaseHeaders.set(key.toLowerCase(),value);}let detectedProviders=[];for(const[_,cdn]of Object.entries(cdnProviders)){let isMatch=false;if(cdn.headers?.some(header=>lowerCaseHeaders.has(header.toLowerCase())))isMatch=true;if(!isMatch&&cdn.serverHeaders?.some(server=>(lowerCaseHeaders.get('server')||'').toLowerCase().includes(server.toLowerCase())))isMatch=true;if(isMatch)detectedProviders.push({...cdn.getInfo(lowerCaseHeaders),priority:cdn.priority||5});}if(detectedProviders.length>0){detectedProviders.sort((a,b)=>b.priority-a.priority);return detectedProviders[0];}const server=lowerCaseHeaders.get('server');if(server)return{provider:server,cache:getCacheStatus(lowerCaseHeaders),pop:'N/A',extra:'No CDN detected'};return{provider:'Unknown',cache:'N/A',pop:'N/A',extra:'No CDN or Server info'};
}
// --- UI & Execution Functions (Unchanged) ---
function getPanelCSS() {
return `
:host {
all: initial;
position: fixed;
z-index: 2147483647;
bottom: ${config.initialPosition.bottom};
right: ${config.initialPosition.right};
}
#cdn-info-panel-enhanced {
position: relative;
min-width: 270px;
padding: 20px 24px;
border-radius: 18px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(20px) saturate(110%);
-webkit-backdrop-filter: blur(20px) saturate(110%);
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
cursor: move;
user-select: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#cdn-info-panel-enhanced:hover {
transform: translateY(-4px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18);
}
.close-btn { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.5); border: none; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; line-height: 22px; z-index: 2;}
.close-btn:hover { background: rgba(0,0,0,0.1); color: #000; }
.panel-header { font-size: 13px; font-weight: 600; color: #555; text-align: center; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.info-line { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; font-size: 14px; }
.info-line:last-child { margin-bottom: 0; }
.info-label { font-weight: 400; color: #666; }
.info-value { font-weight: 600; color: #222; }
.cache-HIT { color: #059669 !important; }
.cache-MISS { color: #be185d !important; }
`;
}
function createDisplayPanel(info) {
if (!info || document.getElementById('cdn-info-host-enhanced')) return;
const host = document.createElement('div');
host.id = 'cdn-info-host-enhanced';
document.body.appendChild(host);
const shadowRoot = host.attachShadow({ mode: 'open' });
const styleEl = document.createElement('style');
styleEl.textContent = getPanelCSS();
shadowRoot.appendChild(styleEl);
const panel = document.createElement('div');
panel.id = 'cdn-info-panel-enhanced';
const cacheStatus = info.cache.toUpperCase();
const providerLabel = info.provider.includes('CDN') || info.provider.includes('Cloud') || info.provider.includes('EdgeOne') ? 'CDN Provider' : 'Server';
panel.innerHTML = `
<button class="close-btn" title="Close">×</button>
<div class="panel-header">CDN & Server Information</div>
<div class="info-line">
<span class="info-label">${providerLabel}</span>
<span class="info-value" title="${info.provider}">${info.provider}</span>
</div>
<div class="info-line">
<span class="info-label">Cache Status</span>
<span class="info-value ${cacheStatus.includes('HIT') ? 'cache-HIT' : 'cache-MISS'}">${info.cache}</span>
</div>
<div class="info-line">
<span class="info-label">POP Location</span>
<span class="info-value" title="${info.pop}">${info.pop}</span>
</div>
`;
shadowRoot.appendChild(panel);
shadowRoot.querySelector('.close-btn').addEventListener('click', (e) => {
e.stopPropagation();
host.remove();
});
makeDraggable(host);
}
function makeDraggable(element) {
let isDragging = false, startX = 0, startY = 0, elementX = 0, elementY = 0;
const dragTarget = element.shadowRoot.querySelector('#cdn-info-panel-enhanced');
dragTarget.addEventListener('mousedown', (e) => {
if (e.target.classList.contains('close-btn')) return;
isDragging = true; startX = e.clientX; startY = e.clientY;
const rect = element.getBoundingClientRect(); elementX = rect.left; elementY = rect.top;
document.addEventListener('mousemove', drag); document.addEventListener('mouseup', dragEnd);
});
function drag(e) {
if (!isDragging) return; e.preventDefault();
const newX = elementX + e.clientX - startX; const newY = elementY + e.clientY - startY;
const maxX = window.innerWidth - element.offsetWidth; const maxY = window.innerHeight - element.offsetHeight;
element.style.left = `${Math.max(0, Math.min(newX, maxX))}px`;
element.style.top = `${Math.max(0, Math.min(newY, maxY))}px`;
element.style.right = 'auto'; element.style.bottom = 'auto';
}
function dragEnd() {
isDragging = false; document.removeEventListener('mousemove', drag); document.removeEventListener('mouseup', dragEnd);
}
}
function shouldExcludePage() {
if(window!==window.top&&(window.innerWidth<config.minWindowSize.width||window.innerHeight<config.minWindowSize.height))return true;const url=window.location.href.toLowerCase();if(config.excludePatterns.some(pattern=>pattern.test(url))){console.log('[CDN Detector] Excluded by URL pattern.');return true;}return false;
}
async function runExecution(retriesLeft) {
const currentHref=window.location.href;const status=window.cdnScriptStatus;if(status[currentHref]==='succeeded'||shouldExcludePage()||document.getElementById('cdn-info-host-enhanced')){return;}console.log(`[CDN Detector] Attempting to fetch headers... Retries left: ${retriesLeft}`);try{const response=await fetch(currentHref,{method:'HEAD',cache:'no-store',redirect:'follow',headers:{'User-Agent':navigator.userAgent,'Accept':'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',}});const info=parseInfo(response.headers);createDisplayPanel(info);status[currentHref]='succeeded';console.log('[CDN Detector] Success! Panel created.');}catch(error){console.warn(`[CDN Detector] Fetch failed: ${error.message}. This often indicates an active security challenge.`);status[currentHref]='retrying';if(retriesLeft>0){console.log(`[CDN Detector] Retrying in ${config.retry_delay/1000} seconds...`);setTimeout(()=>runExecution(retriesLeft-1),config.retry_delay);}else{console.error('[CDN Detector] Max retries reached. Aborting for this page.');status[currentHref]='failed';}}
}
function main() {
setTimeout(()=>{runExecution(config.max_retries);},config.initial_delay);let lastUrl=location.href;const observer=new MutationObserver(()=>{if(location.href!==lastUrl){console.log('[CDN Detector] URL changed (SPA), resetting...');lastUrl=location.href;const oldPanel=document.getElementById('cdn-info-host-enhanced');if(oldPanel)oldPanel.remove();setTimeout(()=>{runExecution(config.max_retries);},config.initial_delay);}});if(document.body){observer.observe(document.body,{childList:true,subtree:true});}else{new MutationObserver((_,obs)=>{if(document.body){observer.observe(document.body,{childList:true,subtree:true});obs.disconnect();}}).observe(document.documentElement,{childList:true});}
}
main();
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址