KDS-T Viewer Downloader + Screenshot (Limitado por iframes)

Intenta descargar <img> o capturar con html2canvas, pero NO funcionará si el manga está en un iframe de otro dominio.
换行
// ==UserScript==
// @name         KDS-T Viewer Downloader + Screenshot (Limitado por iframes)
// @namespace    kds-t-viewer-downloader
// @version      0.5
// @description  Intenta descargar <img> o capturar con html2canvas, pero NO funcionará si el manga está en un iframe de otro dominio.
// @match        https://kds-t.jp/viewer/*
// @require      https://cdn.jsdelivr.net/npm/jszip@3/dist/jszip.min.js
// @require      https://cdn.jsdelivr.net/npm/file-saver@2/dist/FileSaver.min.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/html2canvas.min.js
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // --- CREAR BOTONES ---
    const downloadBtn = document.createElement('button');
    downloadBtn.textContent = 'Descargar Imágenes <img>';
    styleButton(downloadBtn, 10);

    const screenshotBtn = document.createElement('button');
    screenshotBtn.textContent = 'Captura de Pantalla (html2canvas)';
    styleButton(screenshotBtn, 60);

    document.body.appendChild(downloadBtn);
    document.body.appendChild(screenshotBtn);

    // --- EVENTO: DESCARGAR IMÁGENES (DIRECTAS) ---
    downloadBtn.addEventListener('click', async () => {
        downloadBtn.disabled = true;
        downloadBtn.textContent = 'Descargando...';

        try {
            // Buscar <img> en la página
            const imgElements = Array.from(document.querySelectorAll('img'));
            const imageUrls = imgElements.map(img => img.src).filter(src => src);

            if (!imageUrls.length) {
                alert('No se encontraron imágenes <img>. Probablemente el visor use <canvas> o un iframe distinto.');
                resetDownloadBtn();
                return;
            }

            console.log('Imágenes encontradas:', imageUrls);

            // Crear el ZIP
            const zip = new JSZip();
            for (let i = 0; i < imageUrls.length; i++) {
                const url = imageUrls[i];
                console.log(`Descargando imagen ${i+1}: ${url}`);
                const response = await fetch(url);
                const blob = await response.blob();
                const fileName = String(i+1).padStart(3, '0') + '.jpg';
                zip.file(fileName, blob);
            }

            // Generar el ZIP
            const zipContent = await zip.generateAsync({ type: 'blob' });
            saveAs(zipContent, 'kds_t_imagenes.zip');
            alert(`Descarga completa: ${imageUrls.length} imágenes.`);
        } catch (error) {
            console.error('Error al descargar imágenes:', error);
            alert('Ocurrió un error. Revisa la consola para más detalles.');
        }

        resetDownloadBtn();
    });

    // --- EVENTO: CAPTURA DE PANTALLA (HTML2CANVAS) ---
    screenshotBtn.addEventListener('click', async () => {
        screenshotBtn.disabled = true;
        screenshotBtn.textContent = 'Capturando...';

        try {
            // html2canvas NO puede ver dentro de iframes de otro dominio
            const canvas = await html2canvas(document.body, {
                useCORS: true
            });
            canvas.toBlob(function(blob) {
                saveAs(blob, 'captura_kds_t.png');
            });
            alert('Captura finalizada. Imagen guardada como captura_kds_t.png');
        } catch (error) {
            console.error('Error en la captura de pantalla:', error);
            alert('Ocurrió un error. Revisa la consola para más detalles.');
        }

        resetScreenshotBtn();
    });

    // --- FUNCIONES DE ESTILO Y RESETEO ---
    function styleButton(btn, topPx) {
        btn.style.position = 'fixed';
        btn.style.top = `${topPx}px`;
        btn.style.right = '10px';
        btn.style.zIndex = '9999';
        btn.style.background = '#6e8efb';
        btn.style.color = '#fff';
        btn.style.padding = '8px 12px';
        btn.style.border = 'none';
        btn.style.borderRadius = '4px';
        btn.style.cursor = 'pointer';
    }

    function resetDownloadBtn() {
        downloadBtn.disabled = false;
        downloadBtn.textContent = 'Descargar Imágenes <img>';
    }

    function resetScreenshotBtn() {
        screenshotBtn.disabled = false;
        screenshotBtn.textContent = 'Captura de Pantalla (html2canvas)';
    }
})();