Function captureVisible

apps/screenshot/content-script.js:637–729

* 执行可视区域截图

()

     * 执行可视区域截图
     */
    async function captureVisible() {
        if (window._fh_screenshot_in_progress) {
            return;
        }
        
        window._fh_screenshot_in_progress = true;
        
        // 保存原始滚动位置
        originalScrollTop = window.scrollY || document.documentElement.scrollTop;
        originalScrollLeft = window.scrollX || document.documentElement.scrollLeft;
        
        // 隐藏工具条
        let screenshotContainer = document.getElementById('fehelper_screenshot_container');
        if (screenshotContainer) {
            screenshotContainer.style.display = 'none';
        }
        
        const progressUI = createProgressUI('正在截取可视区域...');
        
        window._fh_screenshot_cancel_callback = cleanup;
        
        // 隐藏干扰UI
        hideFeHelperUI();
        hideFixedElements();
        
        // 等待DOM更新
        setTimeout(() => {
            updateProgressUI(0.3, '正在截取可视区域...');
            
            // 从background.js导入MSG_TYPE不现实，这里直接使用特定值
            chrome.runtime.sendMessage({
                type: 'fh-screenshot-capture-visible'
            }, response => {
                if (response) {
                    // 加载截图并处理
                    const img = new Image();
                    img.onload = function() {
                        updateProgressUI(0.8, '正在处理截图...');
                        
                        // 创建与index.js中showResult函数期望的格式一致的数据
                        const screenshotData = {
                            filename: buildFilenameFromUrl(),
                            screenshots: [{
                                dataUri: response,
                                index: 0,
                                row: 0,
                                col: 0,
                                left: 0,
                                top: 0,
                                right: img.width,
                                bottom: img.height,
                                width: img.width,
                                height: img.height
                            }],
                            totalWidth: img.width,
                            totalHeight: img.height
                        };