浏览器devtools控制台中DOM命令的文档

Question

是否可以在浏览器的devtools控制台上查看DOM命令的实时文档？我的目标是要比打开一个新标签页，检查文档并导航回​​控制台更快。

编辑说明：我决定附上这张图片，以使问题更明确。 我要问的是如何在控制台中查看“ DOM文档”。

Answer 1

遗憾的是，无法直接在 Chrome 或 Firefox DevTools 中查看 DOM API 的文档。

不过，有一些方法可以稍微改进工作流程。例如。在 Chrome 中，您可以安装一个名为 MDN-Dox 的扩展程序，它添加了一个工具栏按钮，用于在 MDN 文档中进行搜索。

或者，您可以将 MDN 网络文档添加到已安装的搜索引擎。在 Chrome 中，您可以通过打开设置 > 搜索引擎 > 管理搜索引擎 > 添加 > 使用“https:/ /developer.mozilla.org/en-US/search?q=%s" 作为 URL。有关详细信息，请参阅 https://support.google.com/chrome/answer/95426?co=GENIE.Platform%3DDesktop&hl=en。

对于 Firefox，还有一个名为 MDN Search 的扩展，它添加了“mdn”作为关键字以在 MDN 网络文档上搜索内容。

您也可以手动添加搜索引擎。一种方法是转到 https://developer.mozilla.org/en-US/ > 右键单击​​搜索字段 > 为此搜索添加关键字 > 输入信息。您也可以阅读https://support.mozilla.org/en-US/kb/add-or-remove-search-engine-firefox。