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

• 在网页看到了想要复制的内容, 打开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();可停止调用