Add comprehensive debugging to popup
🔍 Debug logging added:
- Log every updateProgress() call with parameters
- Check if popup exists before updating
- Log percentage calculations
- Verify all DOM elements are found
- Log each element update (title, count, percent, status, bar)
- Force popup visibility with display: block and opacity: 1
- Log popup position on screen
This will help identify exactly where the popup is failing
This commit is contained in:
49
content.js
49
content.js
@@ -64,8 +64,19 @@
|
||||
|
||||
// Actualizar progreso
|
||||
function updateProgress(current, total, title, status) {
|
||||
const popup = document.getElementById('mass-downloader-progress-popup') || createFloatingProgressPopup();
|
||||
console.log('📊 updateProgress() llamado:', { current, total, title, status });
|
||||
|
||||
let popup = document.getElementById('mass-downloader-progress-popup');
|
||||
|
||||
if (!popup) {
|
||||
console.log('⚠️ Popup no existe, creando uno nuevo...');
|
||||
popup = createFloatingProgressPopup();
|
||||
} else {
|
||||
console.log('✅ Popup existe, actualizando...');
|
||||
}
|
||||
|
||||
const percent = total > 0 ? Math.round((current / total) * 100) : 0;
|
||||
console.log(`📈 Porcentaje calculado: ${percent}%`);
|
||||
|
||||
const titleEl = document.getElementById('progress-title');
|
||||
const countEl = document.getElementById('progress-count');
|
||||
@@ -73,13 +84,39 @@
|
||||
const statusEl = document.getElementById('progress-status');
|
||||
const barEl = document.getElementById('progress-bar-fill');
|
||||
|
||||
if (titleEl) titleEl.textContent = title || 'Descargando...';
|
||||
if (countEl) countEl.textContent = `${current} / ${total}`;
|
||||
if (percentEl) percentEl.textContent = `${percent}%`;
|
||||
if (statusEl) statusEl.textContent = status || '';
|
||||
if (barEl) barEl.style.width = `${percent}%`;
|
||||
console.log('🔍 Elementos encontrados:', {
|
||||
titleEl: !!titleEl,
|
||||
countEl: !!countEl,
|
||||
percentEl: !!percentEl,
|
||||
statusEl: !!statusEl,
|
||||
barEl: !!barEl
|
||||
});
|
||||
|
||||
if (titleEl) {
|
||||
titleEl.textContent = title || 'Descargando...';
|
||||
console.log('📝 Título actualizado:', titleEl.textContent);
|
||||
}
|
||||
if (countEl) {
|
||||
countEl.textContent = `${current} / ${total}`;
|
||||
console.log('🔢 Contador actualizado:', countEl.textContent);
|
||||
}
|
||||
if (percentEl) {
|
||||
percentEl.textContent = `${percent}%`;
|
||||
console.log('📊 Porcentaje actualizado:', percentEl.textContent);
|
||||
}
|
||||
if (statusEl) {
|
||||
statusEl.textContent = status || '';
|
||||
console.log('💬 Status actualizado:', statusEl.textContent);
|
||||
}
|
||||
if (barEl) {
|
||||
barEl.style.width = `${percent}%`;
|
||||
console.log('📊 Barra actualizada:', `${percent}%`);
|
||||
}
|
||||
|
||||
popup.style.display = 'block';
|
||||
popup.style.opacity = '1';
|
||||
console.log('✅ Popup visible, display:', popup.style.display);
|
||||
console.log('✅ Popup en pantalla:', popup.getBoundingClientRect());
|
||||
}
|
||||
|
||||
// Ocultar progreso
|
||||
|
||||
Reference in New Issue
Block a user