从网页复制变化内容的一个简单方法

从网页复制变化内容的一个简单方法
  • 在网页看到了想要复制的内容, 打开F12正欲复制, 但是内容是一段段输出的

  • 当想要复制网页中的变化内容时, 打开F12再一个个复制对我来说实在太麻烦了

  • 有这样的解决方案:

    • 打开F12的控制台, 定义函数:
    function observeElementContent(selector, callback) {
    const targetNode = document.querySelector(selector) || document.getElementById(selector.replace('#', ''));if (!targetNode) {console.error('目标元素未找到');return;
    }const observer = new MutationObserver(mutations => {mutations.forEach(mutation => {if (mutation.type === 'childList' || mutation.type === 'characterData') {callback(targetNode.innerHTML);}});
    });observer.observe(targetNode, {childList: true,subtree: true,characterData: true
    });return observer;
    }
    
    • 调用:
    const observer = observeElementContent('#ppt-subtitle', content => {
    console.log('元素内容发生变化:', content);
    });
    
    • 输入observer.disconnect();可停止调用