blob: a870af701e38189cb1e698f25d636dd6c8e0a371 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
---
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>
|