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

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