对于单页应用怎样用油猴脚本获取文本内容？

[E0]

在浏览器控制台使用

var web_txt = document.documentElement.innerText;
web_text;

可以完整的显示当前页面的文本内容，但是如果在油猴脚本里面使用，获取的就是页面的源代码，不是渲染后的文本内容，想要获取 SPA 应用的渲染后的文本该怎么做？

用的这个页面尝试的

[YingJie]

浏览器扩展不行吗？

[wdssmq]

正常都是弄个延迟，或者监听 #app 元素变动。。

// 元素变化监听
const fnElChange = (el, fn = () => { }) => {
const observer = new MutationObserver((mutationRecord, mutationObserver) => {
// _log('body attributes changed!!!'); // body attributes changed!!!
// _log('mutationRecord = ', mutationRecord); // [MutationRecord]
// _log('mutationObserver === observer', mutationObserver === observer); // true
fn(mutationRecord, mutationObserver);
// mutationObserver.disconnect();
});
observer.observe(el, {
// attributes: false,
// attributeFilter: ["class"],
childList: true,
// characterData: false,
subtree: true,
});
}

[E0]

@wdssmq 用浏览器扩展或者油猴脚本能实现吗？

[kkocdko]

2 楼都给出代码了，你试试再说呗。
就是延迟一下，等渲染完了再获取。没什么大不了的。

[wdssmq]

@E0 #3 我贴的代码就是我实际在猴子脚本里在用的。。

Mutation Observer API -- JavaScript 标准参考教程（ alpha ）
https://javascript.ruanyifeng.com/dom/mutationobserver.html