lhost' || window.location.hostname === '127.0.0.1') { errorDetailsDiv.classList.remove('hidden'); // 格式化错误详情 let detailsHtml = '

'; for (const [key, value] of Object.entries(errorDetails)) { if (value !== null && value !== undefined) { detailsHtml += '

' + key + ': '; if (typeof value === 'string' && value.length > 100) { detailsHtml += '' + value.substring(0, 100) + '...'; } else { detailsHtml += '' + value + ''; } detailsHtml += '

'; } } detailsHtml += '

'; errorContent.innerHTML = detailsHtml; // 调试信息 console.log('🔍 错误详情已填充:', { message: message, details: errorDetails, htmlContent: detailsHtml }); } // 显示错误边界 errorBoundary.classList.remove('hidden'); // 5秒后自动隐藏 setTimeout(() => { errorBoundary.classList.add('hidden'); }, 5000); } else { console.warn('🔍 错误边界元素未找到:', { errorBoundary: !!errorBoundary, errorDetailsDiv: !!errorDetailsDiv, errorContent: !!errorContent }); } } // 监听网络请求错误 if ('fetch' in window) { const isAnalyticsUrl = (raw) => { try { const url = typeof raw === 'string' ? raw : (raw?.url || raw?.toString?.() || ''); return ( url.includes('google-analytics.com') || url.includes('googletagmanager.com') || url.includes('doubleclick.net') || url.includes('google.com/ccm/collect') ); } catch { return false; } }; const originalFetch = window.fetch; window.fetch = function(...args) { return originalFetch.apply(this, args).then(response => { const url = args[0]; if (!response.ok && !isAnalyticsUrl(url)) { console.group('🔴 网络请求错误'); console.error('请求URL:', url); console.error('请求选项:', args[1]); console.error('响应状态:', response.status, response.statusText); console.error('响应头:', Object.fromEntries(response.headers.entries())); console.error('时间戳:', new Date().toISOString()); console.error('当前URL:', window.location.href); console.groupEnd(); // 如果是严重的网络错误，显示错误边界 if (response.status >= 500) { showGlobalError('Network Error: ' + response.status + ' ' + response.statusText, { type: 'network_error', status: response.status, statusText: response.statusText, url, time