Muka revised this gist . Go to revision
1 file changed, 132 insertions
test.md(file created)
| @@ -0,0 +1,132 @@ | |||
| 1 | + | # Table Exporter - Extensión de Chrome | |
| 2 | + | ||
| 3 | + | 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. | |
| 4 | + | ||
| 5 | + | ## Características | |
| 6 | + | ||
| 7 | + | - 🔢 **Información de tabla**: Muestra el número de columnas y filas | |
| 8 | + | - 📋 **Copiar al portapapeles**: Copia la tabla completa en formato tab-separado | |
| 9 | + | - 📊 **Exportar a CSV**: Descarga la tabla como archivo CSV | |
| 10 | + | - 🌍 **Multiidioma**: Soporte para 13 idiomas incluyendo chino, japonés, árabe, tailandés | |
| 11 | + | - 📱 **Responsive**: Se adapta a diferentes tamaños de pantalla | |
| 12 | + | - ⚡ **Detección dinámica**: Funciona con tablas que se cargan después via JavaScript | |
| 13 | + | ||
| 14 | + | ## Idiomas soportados | |
| 15 | + | ||
| 16 | + | - Español | |
| 17 | + | - Inglés | |
| 18 | + | - Francés | |
| 19 | + | - Alemán | |
| 20 | + | - Chino simplificado | |
| 21 | + | - Chino tradicional | |
| 22 | + | - Japonés | |
| 23 | + | - Coreano | |
| 24 | + | - Tailandés | |
| 25 | + | - Árabe | |
| 26 | + | - Ruso | |
| 27 | + | - Portugués | |
| 28 | + | - Italiano | |
| 29 | + | ||
| 30 | + | ## Instalación | |
| 31 | + | ||
| 32 | + | ### Método 1: Instalación manual (Desarrollador) | |
| 33 | + | ||
| 34 | + | 1. **Descargar los archivos**: | |
| 35 | + | - Crea una carpeta llamada `table-exporter` | |
| 36 | + | - Guarda todos estos archivos en la carpeta: | |
| 37 | + | - `manifest.json` | |
| 38 | + | - `content.js` | |
| 39 | + | - `styles.css` | |
| 40 | + | ||
| 41 | + | 2. **Crear iconos** (opcional): | |
| 42 | + | - Crea iconos PNG de 16x16, 48x48 y 128x128 píxeles | |
| 43 | + | - Nómbralos como `icon16.png`, `icon48.png`, `icon128.png` | |
| 44 | + | - Si no tienes iconos, elimina la sección "icons" del manifest.json | |
| 45 | + | ||
| 46 | + | 3. **Instalar en Chrome**: | |
| 47 | + | - Abre Chrome y ve a `chrome://extensions/` | |
| 48 | + | - Activa el "Modo de desarrollador" (esquina superior derecha) | |
| 49 | + | - Haz clic en "Cargar extensión sin empaquetar" | |
| 50 | + | - Selecciona la carpeta `table-exporter` | |
| 51 | + | ||
| 52 | + | ### Método 2: Empaquetado como .crx | |
| 53 | + | ||
| 54 | + | 1. Después de seguir los pasos anteriores | |
| 55 | + | 2. En `chrome://extensions/`, haz clic en "Empaquetar extensión" | |
| 56 | + | 3. Selecciona la carpeta de la extensión | |
| 57 | + | 4. Se generará un archivo `.crx` que puedes compartir | |
| 58 | + | ||
| 59 | + | ## Uso | |
| 60 | + | ||
| 61 | + | 1. **Navega a cualquier página web** que contenga tablas HTML | |
| 62 | + | 2. **Observa el widget** que aparece en la esquina superior izquierda de cada tabla | |
| 63 | + | 3. **Ve la información**: número de columnas y filas | |
| 64 | + | 4. **Copia al portapapeles**: Haz clic en el icono de copiar | |
| 65 | + | 5. **Exporta a CSV**: Haz clic en el icono de descarga | |
| 66 | + | ||
| 67 | + | ## Funcionalidades técnicas | |
| 68 | + | ||
| 69 | + | ### Detección automática | |
| 70 | + | - La extensión detecta automáticamente todas las tablas HTML | |
| 71 | + | - Funciona con contenido dinámico (tablas cargadas por JavaScript) | |
| 72 | + | - Se actualiza automáticamente cuando aparecen nuevas tablas | |
| 73 | + | ||
| 74 | + | ### Formato de datos | |
| 75 | + | - **Portapapeles**: Los datos se copian separados por tabulaciones | |
| 76 | + | - **CSV**: Formato estándar con comillas dobles para campos con comas | |
| 77 | + | - **Codificación**: UTF-8 para soporte completo de caracteres internacionales | |
| 78 | + | ||
| 79 | + | ### Posicionamiento inteligente | |
| 80 | + | - Los widgets se posicionan automáticamente en cada tabla | |
| 81 | + | - Se ocultan cuando la tabla no es visible (scroll) | |
| 82 | + | - Se reposicionan automáticamente al cambiar el tamaño de ventana | |
| 83 | + | ||
| 84 | + | ## Próximas funcionalidades | |
| 85 | + | ||
| 86 | + | - Selección de columnas específicas para copiar/exportar | |
| 87 | + | - Filtrado de filas | |
| 88 | + | - Diferentes formatos de exportación (Excel, JSON) | |
| 89 | + | - Configuración personalizable | |
| 90 | + | ||
| 91 | + | ## Solución de problemas | |
| 92 | + | ||
| 93 | + | ### La extensión no aparece | |
| 94 | + | - Verifica que esté habilitada en `chrome://extensions/` | |
| 95 | + | - Actualiza la página web | |
| 96 | + | - Verifica que haya tablas HTML válidas | |
| 97 | + | ||
| 98 | + | ### Los widgets no se ven | |
| 99 | + | - Verifica que las tablas tengan contenido (filas con datos) | |
| 100 | + | - Comprueba que no haya conflictos con otros CSS | |
| 101 | + | ||
| 102 | + | ### Error al copiar | |
| 103 | + | - Verifica que el navegador tenga permisos de portapapeles | |
| 104 | + | - Algunos sitios pueden bloquear el acceso al portapapeles | |
| 105 | + | ||
| 106 | + | ### El CSV no se descarga | |
| 107 | + | - Verifica los permisos de descarga del navegador | |
| 108 | + | - Algunos sitios pueden bloquear descargas automáticas | |
| 109 | + | ||
| 110 | + | ## Desarrollo | |
| 111 | + | ||
| 112 | + | Para modificar la extensión: | |
| 113 | + | ||
| 114 | + | 1. **Edita los archivos** según tus necesidades | |
| 115 | + | 2. **Recarga la extensión** en `chrome://extensions/` | |
| 116 | + | 3. **Actualiza las páginas web** para ver los cambios | |
| 117 | + | ||
| 118 | + | ### Estructura de archivos | |
| 119 | + | ``` | |
| 120 | + | table-exporter/ | |
| 121 | + | ├── manifest.json # Configuración de la extensión | |
| 122 | + | ├── content.js # Script principal | |
| 123 | + | ├── styles.css # Estilos del widget | |
| 124 | + | └── README.md # Este archivo | |
| 125 | + | ``` | |
| 126 | + | ||
| 127 | + | ## Soporte | |
| 128 | + | ||
| 129 | + | Si encuentras problemas o tienes sugerencias, puedes: | |
| 130 | + | - Revisar este documento | |
| 131 | + | - Verificar la consola del navegador para errores | |
| 132 | + | - Probar en diferentes páginas web | |
Newer
Older