Function takeScreenshot

collect/manual/static/js/script.js:349–415

()

}

async function takeScreenshot() {
    const status = document.getElementById('status');
    const container = document.getElementById('screenshotContainer');

    // 显示加载状态
    status.innerHTML = '<div class="loading">正在获取截图，请稍候...</div>';
    container.innerHTML = '<div class="loading">截图中...</div>';
    
    // 显示加载动画
    // showLoadingAnimation();

    try {
        // 直接调用获取截图的API，该API会自动更新截图
        const response = await fetch('/screenshot');

        if (response.ok) {
            const result = await response.json();
            status.innerHTML = '<div class="success">截图成功！可以点击或滑动进行操作</div>';

            // 显示截图并添加事件监听
            container.innerHTML = `
                <img id="screenshotImage" 
                     alt="设备截图" 
                     class="screenshot-img"
                     onerror="this.parentElement.innerHTML='<div class=error>截图加载失败</div>'">
            `;

            // 获取截图元素引用
            screenshotImg = document.getElementById('screenshotImage');

            // 直接设置截图数据
            if (result.image_data) {
                screenshotImg.src = result.image_data;

                // 存储层次结构信息供后续使用
                window.currentHierarchy = result.hierarchy;

                // 解析并保存所有UI元素信息
                if (result.hierarchy) {
                    currentElements = parseUIElements(result.hierarchy);
                    const clickableElements = currentElements.filter(el => el.clickable);
                    console.log(`UI元素信息已加载: ${currentElements.length} 个元素 (其中 ${clickableElements.length} 个可点击)`);
                }
            }

            // 显示操作提示
            const hint = document.getElementById('actionHint');
            if (hint) {
                hint.style.display = 'block';
            }

            // 为截图添加交互功能
            setupScreenshotInteraction();
            
            // 隐藏加载动画
            hideLoadingAnimation();
        } else {
            const error = await response.json();