---
title: Web 控制台
slug: Tools/Web_Console
tags:
  - web控制台
  - 工具
  - 指导
  - 网站开发
  - 网站开发工具
translation_of: Tools/Web_Console
---
<div>{{ToolsSidebar}}</div>

<p>Web 控制台:</p>

<ol>
 <li>可以查看与当前网页相关的日志信息: 所有的网络请求，JavaScript， CSS，和安全相关的错误与警告信息，还包括页面上 JavaScript 代码运行时产生的错误、警告及相关信息.</li>
 <li>可以激活你和网页之间的交互, 使你可以在当前网页上下文中执行一些 JavaScript 表达式.</li>
</ol>

<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Opening_the_Web_Console">打开控制台</a></dt>
 <dd>开始使用控制台</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/The_command_line_interpreter">命令行编译器</a></dt>
 <dd>使用控制台和网页交互。</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Split_console">分离控制台</a></dt>
 <dd>把控制台分离出来，放在其它工具旁边</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages">控制台消息</a></dt>
 <dd>控制台打印出的详细日志</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Rich_output">丰富的输出</a></dt>
 <dd>查看控制台中输入的对象打印出来的信息</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Keyboard_shortcuts">快捷键</a></dt>
 <dd>快捷引用</dd>
</dl>
</div>
</div>