Tampermonkey系列2:网页自动化

// 测试展开按钮选择器
var expandButton = document.querySelector('您的expandButtonSelector');
console.log('展开按钮:', expandButton);

// ==UserScript==
// @name         问题列表自动展开与翻页
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  自动点击一键展开按钮并翻页
// @author       You
// @match        https://voc.xxx.cn/uvm/insight/voice-summary-list
// @grant        none
// ==/UserScript==

// 添加一个立即执行的测试代码
alert('Tampermonkey脚本已加载');

(function() {
    'use strict';

    // 配置参数
    const config = {
        // 一键展开按钮的选择器，根据实际情况修改
         expandButtonSelector: '#app > div.uvm-layout > div.uvm-right-container > div > div.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default > div > div > div:nth-child(3) > div.voice-summary > div.summary-title-wrapper > div.operation-box > div > div:nth-child(3) > button > span',
        // 下一页按钮的选择器，根据实际情况修改
        nextPageSelector: '#app > div.uvm-layout > div.uvm-right-container > div > div.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default > div > div > div:nth-child(3) > div.voice-summary > div.voice-summary-footer > div:nth-child(1) > button.btn-next.is-last',
       // 列表项的选择器，用于检测列表是否已加载
        listItemSelector: '#app > div.uvm-layout > div.uvm-right-container > div > div.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default > div > div > div:nth-child(3) > div.voice-summary > div.voice-summary-body > div > div.el-table__inner-wrapper > div.el-table__body-wrapper > div > div.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default > div > table > tbody > tr:nth-child(1) > td > div > div',
        // 等待展开内容的时间(毫秒)
        waitTimeAfterExpand: 3000,

        // 是否在页面底部添加控制按钮
        addControlButtons: true,
        // 控制按钮显示延迟时间(毫秒)
        controlButtonDelay: 1000,

        // 最大翻页次数
        maxPageCount: 3
    };

       // 添加一个变量来跟踪当前页数
       let currentPageCount = 0;

    // 滚动到页面底部

    function scrollToBottom() {
        // 找到实际的滚动容器
        const scrollContainer = document.querySelector('#app > div.uvm-layout > div.uvm-right-container > div > div.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default');
        if (scrollContainer) {
            scrollContainer.scrollTo({
                top: scrollContainer.scrollHeight,
                behavior: 'smooth'
            });
        } else {
            // 如果找不到特定容器，则滚动整个页面
            window.scrollTo({
                top: document.body.scrollHeight,
                behavior: 'smooth'
            });
        }
    }

    // 查找下一页按钮
    function findNextPageButton() {
        // 尝试多种可能的下一页按钮选择器
        const nextPageButton = document.querySelector(config.nextPageSelector);

        // 如果找不到，尝试查找包含">"文本的链接
        if (!nextPageButton) {
            const allLinks = document.querySelectorAll('a');
            for (const link of allLinks) {
                if (link.textContent.includes('>') || link.textContent.includes('下一页')) {
                    return link;
                }
            }
        }

        return nextPageButton;
    }

    // 添加控制按钮
    function addControls() {
        const controlPanel = document.createElement('div');
        controlPanel.style.position = 'fixed';
        controlPanel.style.bottom = '20px';
        controlPanel.style.right = '20px';
        controlPanel.style.zIndex = '9999';
        controlPanel.style.background = '#fff';
        controlPanel.style.padding = '10px';
        controlPanel.style.border = '1px solid #ccc';
        controlPanel.style.borderRadius = '5px';

        const startButton = document.createElement('button');
        startButton.textContent = '开始自动操作';
        startButton.style.marginRight = '10px';
        startButton.onclick = processPage;

        controlPanel.appendChild(startButton);
        document.body.appendChild(controlPanel);

        console.log('elesos 控制按钮已添加到页面');
    }

    // 等待列表项加载
    function waitForListItems(isNextPage = false) {
        console.log('elesos 开始等待列表项加载...');

        // 创建一个Promise来处理异步等待
        return new Promise((resolve) => {
            function checkAndWait() {

                // 使用MutationObserver监听整个文档的变化
                const observer = new MutationObserver((mutations, obs) => {
                    const listItems = document.querySelectorAll(config.listItemSelector);
                    if (listItems && listItems.length > 0) {
                        console.log('elesos MutationObserver 检测到列表数据已加载');
                        obs.disconnect(); // 停止观察
                        resolve();
                        if (isNextPage) {
                            processPage();
                        } else {
                            startAddControl();
                        }
                    }
                });

                // 配置观察选项，改为观察整个文档
                observer.observe(document.body, {
                    childList: true,  // 观察子节点变化
                    subtree: true     // 观察所有后代节点
                });
            }

            // 开始检查
            checkAndWait();
        });
    }

    // 主要处理流程
    async function processPage() {
        console.log('elesos 开始处理当前页面...');

        // 检查是否达到最大页数限制
        if (config.maxPageCount > 0 && currentPageCount >= config.maxPageCount) {
            console.log('elesos 已达到最大页数限制，停止处理');
            return;
        }



         // 1. 点击一键展开按钮
         let retryCount = 0;
         const maxRetries = 5;

         while (retryCount < maxRetries) {
             const expandButton = document.querySelector(config.expandButtonSelector);
             if (expandButton) {
                 console.log('elesos 找到一键展开按钮，等待3秒后开始点击');
                 await new Promise(resolve => setTimeout(resolve, 3000)); // 添加3秒延迟
                 console.log('elesos 开始点击一键展开按钮');
                 expandButton.click();
                 break;
             } else {
                 console.log(`elesos 未找到一键展开按钮，等待后重试 (${retryCount + 1}/${maxRetries})`);
                 await new Promise(resolve => setTimeout(resolve, 2000));
                 retryCount++;
             }
         }

        // 等待内容展开
        await new Promise(resolve => setTimeout(resolve, config.waitTimeAfterExpand));

        // 2. 滚动到页面底部
        console.log('elesos 滚动到页面底部');
        scrollToBottom();

        // 等待滚动完成
        await new Promise(resolve => setTimeout(resolve, 5000));

        // 3. 点击下一页
        const nextPageButton = findNextPageButton();
        if (nextPageButton) {
            currentPageCount++; // 增加页数计数
            console.log(`elesos 点击下一页按钮 当前页数: ${currentPageCount}/${config.maxPageCount}`);
            nextPageButton.click();

            // 点击下一页后等待新页面加载
            await waitForListItems(true);
        } else {
            console.log('elesos 未找到下一页按钮或已到最后一页');
        }
    }


    function startAddControl() {
        if (config.addControlButtons) {
            setTimeout(addControls, config.controlButtonDelay);
        }


    }

    // 初始化
    function init() {
       try {
        waitForListItems();
       } catch (error) {
           console.error('elesos 初始化出错:', error);
       }
    }

    // 页面完全加载后初始化（包括所有资源）
   window.onload = function() {
    init();
};
})();