Chrome Dev工具栏中时间轴选项卡中的“文档计数”计数器是什么？

Question

请问Chrome Dev工具栏的时间轴标签页中，“文档计数”计数器是什么意思？

我的应用程序中使用了iframe，并在其中一组页面中导航。当前，“文档计数”计数器显示了一个范围值从23到32，这代表什么意思？

提前致谢。

- Andrey

---

这里有一个明确的答案，附带参考链接：https://dev59.com/vX7aa4cB1Zd3GeqPw_JT#23247225 - Bahaa

Answer 1

据我理解，这里的“documents”指的是文档和iframe，但我不确定什么样的内容才能算作一个文档。我在使用Chrome时发现我的页面中有两个文档，但我没有任何iframe，也不清楚哪些内容才被认为是文档。

- phatskat

---

查找方法是检查控制台上方的下拉菜单，您可以在那里看到列出的文档。大多数情况下，我的文档是插件或跟踪页面，通常加载在 iframe 中。 - jonathanKingston

Answer 2

这是在被检查的渲染进程中活动文档资源的数量。根据文档: “我的页面是否使用了太多内存？ - 时间轴内存视图和Chrome任务管理器可以帮助您确定是否使用了太多内存。内存视图可以跟踪被检查的渲染进程中活动DOM节点、文档和JS事件侦听器的数量。通常而言: 避免保留对不再需要使用的DOM元素的引用，解绑不需要的事件侦听器，并在存储大块不需要使用的数据时小心谨慎。”

Reference: https://developer.chrome.com/devtools/docs/javascript-memory-profiling#questions-to-ask-yourself

您的应用程序可能会加载文档资源（加载事件在文档中的所有资源（如图片和CSS文件等）完全加载后触发），然后关闭它们。为了验证某个应用程序操作不会创建泄漏（例如通常是一对直接和反向操作，比如打开一个文档，然后关闭它，不应该留下任何垃圾），您可以将多个快照进行比较。

- Hafez Divandari