# 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