# Table Exporter - Extensión de Chrome

Una extensión de Chrome que añade widgets informativos a todas las tablas HTML de las páginas web, permitiendo copiar al portapapeles y exportar a CSV.

## Características

- 🔢 **Información de tabla**: Muestra el número de columnas y filas
- 📋 **Copiar al portapapeles**: Copia la tabla completa en formato tab-separado
- 📊 **Exportar a CSV**: Descarga la tabla como archivo CSV
- 🌍 **Multiidioma**: Soporte para 13 idiomas incluyendo chino, japonés, árabe, tailandés
- 📱 **Responsive**: Se adapta a diferentes tamaños de pantalla
- ⚡ **Detección dinámica**: Funciona con tablas que se cargan después via JavaScript

## Idiomas soportados

- Español
- Inglés
- Francés
- Alemán
- Chino simplificado
- Chino tradicional
- Japonés
- Coreano
- Tailandés
- Árabe
- Ruso
- Portugués
- Italiano

## Instalación

### Método 1: Instalación manual (Desarrollador)

1. **Descargar los archivos**:
   - Crea una carpeta llamada `table-exporter`
   - Guarda todos estos archivos en la carpeta:
     - `manifest.json`
     - `content.js`
     - `styles.css`

2. **Crear iconos** (opcional):
   - Crea iconos PNG de 16x16, 48x48 y 128x128 píxeles
   - Nómbralos como `icon16.png`, `icon48.png`, `icon128.png`
   - Si no tienes iconos, elimina la sección "icons" del manifest.json

3. **Instalar en Chrome**:
   - Abre Chrome y ve a `chrome://extensions/`
   - Activa el "Modo de desarrollador" (esquina superior derecha)
   - Haz clic en "Cargar extensión sin empaquetar"
   - Selecciona la carpeta `table-exporter`

### Método 2: Empaquetado como .crx

1. Después de seguir los pasos anteriores
2. En `chrome://extensions/`, haz clic en "Empaquetar extensión"
3. Selecciona la carpeta de la extensión
4. Se generará un archivo `.crx` que puedes compartir

## Uso

1. **Navega a cualquier página web** que contenga tablas HTML
2. **Observa el widget** que aparece en la esquina superior izquierda de cada tabla
3. **Ve la información**: número de columnas y filas
4. **Copia al portapapeles**: Haz clic en el icono de copiar
5. **Exporta a CSV**: Haz clic en el icono de descarga

## Funcionalidades técnicas

### Detección automática
- La extensión detecta automáticamente todas las tablas HTML
- Funciona con contenido dinámico (tablas cargadas por JavaScript)
- Se actualiza automáticamente cuando aparecen nuevas tablas

### Formato de datos
- **Portapapeles**: Los datos se copian separados por tabulaciones
- **CSV**: Formato estándar con comillas dobles para campos con comas
- **Codificación**: UTF-8 para soporte completo de caracteres internacionales

### Posicionamiento inteligente
- Los widgets se posicionan automáticamente en cada tabla
- Se ocultan cuando la tabla no es visible (scroll)
- Se reposicionan automáticamente al cambiar el tamaño de ventana

## Próximas funcionalidades

- Selección de columnas específicas para copiar/exportar
- Filtrado de filas
- Diferentes formatos de exportación (Excel, JSON)
- Configuración personalizable

## Solución de problemas

### La extensión no aparece
- Verifica que esté habilitada en `chrome://extensions/`
- Actualiza la página web
- Verifica que haya tablas HTML válidas

### Los widgets no se ven
- Verifica que las tablas tengan contenido (filas con datos)
- Comprueba que no haya conflictos con otros CSS

### Error al copiar
- Verifica que el navegador tenga permisos de portapapeles
- Algunos sitios pueden bloquear el acceso al portapapeles

### El CSV no se descarga
- Verifica los permisos de descarga del navegador
- Algunos sitios pueden bloquear descargas automáticas

## Desarrollo

Para modificar la extensión:

1. **Edita los archivos** según tus necesidades
2. **Recarga la extensión** en `chrome://extensions/`
3. **Actualiza las páginas web** para ver los cambios

### Estructura de archivos
```
table-exporter/
├── manifest.json     # Configuración de la extensión
├── content.js        # Script principal
├── styles.css        # Estilos del widget
└── README.md         # Este archivo
```

## Soporte

Si encuentras problemas o tienes sugerencias, puedes:
- Revisar este documento
- Verificar la consola del navegador para errores
- Probar en diferentes páginas web