Function showStatisticsModal

devtools/panel.bundle.js:1708–1746

()

  }

  function showStatisticsModal() {
    const stats = calculateStatistics();

    document.getElementById('stat-total-connections').textContent = stats.totalConnections;
    document.getElementById('stat-active-connections').textContent = stats.activeConnections;
    document.getElementById('stat-total-messages').textContent = stats.totalMessages;
    document.getElementById('stat-avg-messages').textContent = stats.avgMessages;

    const statsConnectionList = document.getElementById('stats-connection-list');

    if (stats.connections.length === 0) {
      statsConnectionList.innerHTML = '<div style="text-align: center; color: var(--text-muted); padding: 20px;">暂无连接数据</div>';
    } else {
      statsConnectionList.innerHTML = stats.connections.map(conn => `
      <div class="stats-connection-item">
        <div class="stats-connection-header">
          <div class="stats-connection-url" title="${escapeHtml(conn.url)}">${escapeHtml(getUrlPath(conn.url))}</div>
          <span class="stats-connection-status status-${conn.status}">${getStatusText(conn.status)}</span>
        </div>
        <div class="stats-connection-details">
          <div class="stats-detail-item">
            <span class="stats-detail-label">消息数</span>
            <span class="stats-detail-value">${conn.messageCount}</span>
          </div>
          <div class="stats-detail-item">
            <span class="stats-detail-label">持续时间</span>
            <span class="stats-detail-value">${formatDuration(conn.duration)}</span>
          </div>
          <div class="stats-detail-item">
            <span class="stats-detail-label">ID</span>
            <span class="stats-detail-value">${conn.id.substring(0, 8)}...</span>
          </div>
        </div>
      </div>
    `).join('');
    }

    elements$3.statsModal.style.display = 'flex';
  }

  function closeStatisticsModal() {
    elements$3.statsModal.style.display = 'none';