'; 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, timestamp: new Date().toISOString(), currentUrl: window.location.href }); } } return response; }).catch(error => { const url = args[0]; if (!isAnalyticsUrl(url)) { console.group('🔴 网络请求异常'); console.error('请求URL:', url); console.error('请求选项:', args[1]); console.error('错误对象:', error); console.error('错误消息:', error.message); if (error.stack) { console.error('错误堆栈:', error.stack); } console.error('时间戳:', new Date().toISOString()); console.error('当前URL:', window.location.href); console.groupEnd(); // 显示错误边界 showGlobalError('Network Request Failed: ' + error.message, { type: 'network_request_failed', url, error: error.message, stack: error.stack || 'No stack trace', timestamp: new Date().toISOString(), currentUrl: window.location.href }); } throw error; }); }; } // 监听React错误边界 if (window.React && window.React.Component) { const originalComponentDidCatch = window.React.Component.prototype.componentDidCatch; if (originalComponentDidCatch) { window.React.Component.prototype.componentDidCatch = function(error, errorInfo) { console.group('🔴 React组件错误'); console.error('错误对象:', error); console.error('错误消息:', error.message); console.error('错误堆栈:', error.stack); console.error('组件堆栈:', errorInfo.componentStack); console.error('时间戳:', new Date().toISOString()); console.error('当前URL:', window.location.href); console.error('用户代理:', navigator.userAgent); console.groupEnd(); // 显示错误边界 showGlobalError('React Component Error: ' + error.message, { type: 'react_component_error', message: error.message, stack: error.stack || 'No stack trace', componentStack: errorInfo.componentStack, timestamp: new Date().toISOString(), url: window.location.href, userAgent: navigator.userAgent }); // 调用原始的错误处理方法 return originalComponentDidCatch.call(this, error, errorInfo); }; } } console.log('🔍 全局错误监听器已启动，所有错误将被记录到控制台'); })();