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
|
// Actualizar progreso
|
||||||
function updateProgress(current, total, title, status) {
|
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;
|
const percent = total > 0 ? Math.round((current / total) * 100) : 0;
|
||||||
|
console.log(`📈 Porcentaje calculado: ${percent}%`);
|
||||||
|
|
||||||
const titleEl = document.getElementById('progress-title');
|
const titleEl = document.getElementById('progress-title');
|
||||||
const countEl = document.getElementById('progress-count');
|
const countEl = document.getElementById('progress-count');
|
||||||
@@ -73,13 +84,39 @@
|
|||||||
const statusEl = document.getElementById('progress-status');
|
const statusEl = document.getElementById('progress-status');
|
||||||
const barEl = document.getElementById('progress-bar-fill');
|
const barEl = document.getElementById('progress-bar-fill');
|
||||||
|
|
||||||
if (titleEl) titleEl.textContent = title || 'Descargando...';
|
console.log('🔍 Elementos encontrados:', {
|
||||||
if (countEl) countEl.textContent = `${current} / ${total}`;
|
titleEl: !!titleEl,
|
||||||
if (percentEl) percentEl.textContent = `${percent}%`;
|
countEl: !!countEl,
|
||||||
if (statusEl) statusEl.textContent = status || '';
|
percentEl: !!percentEl,
|
||||||
if (barEl) barEl.style.width = `${percent}%`;
|
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.display = 'block';
|
||||||
|
popup.style.opacity = '1';
|
||||||
|
console.log('✅ Popup visible, display:', popup.style.display);
|
||||||
|
console.log('✅ Popup en pantalla:', popup.getBoundingClientRect());
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ocultar progreso
|
// Ocultar progreso
|
||||||
|
|||||||
Reference in New Issue
Block a user