// 全局错误监听器 window.addEventListener('error', function(event) { console.group('🔴 全局JavaScript错误'); console.error('错误类型:', event.type); console.error('错误消息:', event.message); console.error('错误文件:', event.filename); console.error('错误行号:', event.lineno); console.error('错误列号:', event.colno); console.error('错误对象:', event.error); if (event.error && event.error.stack) { console.error('错误堆栈:', event.error.stack); } console.error('时间戳:', new Date().toISOString()); console.error('当前URL:', window.location.href); console.error('用户代理:', navigator.userAgent); console.groupEnd(); // 错误已记录到控制台 }); // 未处理的Promise拒绝监听器 window.addEventListener('unhandledrejection', function(event) { console.group('🔴 未处理的Promise拒绝'); console.error('Promise拒绝原因:', event.reason); console.error('Promise对象:', event.promise); console.error('时间戳:', new Date().toISOString()); console.error('当前URL:', window.location.href); console.error('用户代理:', navigator.userAgent); if (event.reason && event.reason.stack) { console.error('错误堆栈:', event.reason.stack); } console.groupEnd(); // 显示错误边界 showGlobalError('Promise Rejection: ' + (event.reason?.message || event.reason), { type: 'unhandledrejection', reason: event.reason, promise: event.promise, timestamp: new Date().toISOString(), url: window.location.href, userAgent: navigator.userAgent, stack: event.reason && event.reason.stack ? event.reason.stack : 'No stack trace' }); }); // 显示全局错误边界的函数 function showGlobalError(message, errorDetails) { const errorBoundary = document.getElementById('global-error-boundary'); const errorDetailsDiv = document.getElementById('error-details'); const errorContent = document.getElementById('error-content'); if (errorBoundary && errorDetailsDiv && errorContent) { // 在开发环境下显示错误详情 if (window.location.hostname === 'localhost' || 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; //