Question

我想制作Chrome扩展程序，以便对我在网站www.zhihu.com中关注的人进行分类，因为此网站不具备此功能。

当我查看网站的源代码时，我发现我的个人数据被放入一个id为数据的div中。

所以我想获得这个div。但是，当我在文档中记录这个div时，它变为空。

为什么会这样？我怎样才能获得网站源代码中存在但文档中不存在的div？

Answer 1

可能有几个原因：首先，视图源不是文档的实时表示，它是服务器发送给客户端的源。这意味着，它可能不再有效。尝试在地址栏（可能是现代浏览器）中加载它：

data:text,<div>hello</div><script>document.querySelector("div").remove()</script>

并检查查看源。源代码将包含div，但如果您使用devtools中的检查器，您将看到div不再存在（当然，我们已通过JS删除了它）。

另一种情况可能是您从不同的帧上下文中记录：如果网页包含框架，您可能处于不存在div的框架上下文中。