网页检查器参考控制台代码片段

控制台代码片段是 Web 检查器中创建并持久化的 JavaScript 资源,用于在控制台中评估预先编写好的 JavaScript 代码,而不是一遍又一遍地编写(相同的)JavaScript 代码(或复制粘贴)。

控制台代码片段通过名称唯一标识,创建时必须提供该名称。

创建控制台代码片段

控制台代码片段可以通过以下方式创建:

  • 创建资源时选择控制台代码片段…
  • 在点击控制台选项卡和分屏控制台中的[运行控制台代码片段…] 时显示的上下文菜单中选择创建控制台代码片段…

一旦至少创建一个控制台代码片段选项卡导航侧边栏中将出现一个新的控制台代码片段部分。此部分还有一个[创建控制台代码片段]。

控制台命令行 API 的所有功能都可以在控制台代码片段内部使用。

控制台代码片段的任何修改都会自动保存,并将在下次运行控制台代码片段时使用。

运行控制台代码片段

运行控制台代码片段非常简单,只需

  • 点击选项卡中鼠标悬停时出现的[运行]
  • 选项卡导航侧边栏中选中时按下spaceenter
  • 在点击时显示的上下文菜单中选择它[运行控制台代码片段…] 时显示的上下文菜单中选择创建控制台代码片段…

控制台代码片段的 JavaScript 内容将在控制台中进行评估,就像它们被输入到控制台提示符中一样,这意味着它们将使用当前选择的执行上下文。任何结果都将紧随控制台代码片段的名称之后出现在控制台中。


Safari 技术预览 156 更新。试用以获取最新的网页检查器功能,包括上述所有功能及更多内容。


于 2022 年 11 月 2 日由 Devin Rousso 撰写

最后更新于 2023 年 2 月 16 日,作者 Jon Davis