-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathjsConsoleApiReference.htm
More file actions
368 lines (361 loc) · 30.7 KB
/
Copy pathjsConsoleApiReference.htm
File metadata and controls
368 lines (361 loc) · 30.7 KB
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>[en] JS Console Api Reference</title>
<link rel="stylesheet" href="img/jsConsoleApiReference.css">
<script src="img/jsConsoleApiReference.js"></script>
</head><body>
<h3>Reference of methods for the <i>console</i> object in various browsers and Javascript environments</h3>
<li class="jCAR">Github <a href="https://github.com/spmbt/jsConsoleApiReference">jsConsoleApiReference</a> of this <i>(please visit to repo and contribute new data)</i>; <i class="gray">(latest update: 2015-03-21)</i>.</li>
<ul>
<li><a href="#expand_all" onclick="toggleAll();return!1">Expand description full</a>;</li>
<li><a href="#collapse_max" onclick="collapseMax();return!1">Collapse extremely</a>;</li>
<li><div class="jCAR divIn abbr" style="display: inline-block; width:48px; height: 16px; margin-top:2px; border: 1px solid #ccc"> </div> — description of the specific use in the tooltip;</li>
<li><div class="jCAR divIn"><div class="jCAR suppNo divIn" style="display: inline-block; width:48px; height: 16px; margin-top:2px; line-height: 16px; border: 1px solid #ccc">-⊝-</div></div> — method is not used in this environment;</li>
<li><div class="jCAR divIn" style="display: inline-block; width:48px; height: 16px; margin-top:2px; border: 1px solid #ccc"> ±</div> — method is used, but implemented with features or partially;</li>
<li><div class="jCAR divIn"><div class="jCAR suppYes divIn" style="display: inline-block; width:48px; height: 16px; margin-top:2px; border: 1px solid #ccc"> +</div></div> — full implementation of the method.</li>
</ul>
<table class="jCAR"><tr>
<th></th>
<th><div class="divIn"><img src="img/iconChrome.png"/></div><div class="divIn"> Chrome</div></th>
<th><div class="divIn"><img src="img/iconFirebug.png"/></div><div class="divIn"> Firebug</div></th>
<th><div class="divIn"><img src="img/iconFirefox.png"/></div><div class="divIn"> Firefox</div></th>
<th><div class="divIn"><img src="img/iconIe.png"/></div><div class="divIn"> IE</div></th>
<th><div class="divIn"><img src="img/iconNodejs.png"/></div><div class="divIn"> Node.js</div></th>
<th><div class="divIn"><img src="img/iconSafari.png"/></div><div class="divIn"> Safari</div></th>
<th class="abbr"><div class="divIn"><span class="abbr" title="ver. 12.15"><img src="img/iconOpera.png"/></span></div><div class="divIn"> <span class="abbr" title="ver. 12.15">Opera</span></div></th>
</tr><tr><td colspan="8"><dl><dt><b>assert(<i>expression[, object, ...]</i>)</b></dt><dd>If false, it displays <i>console.error</i>, else nothing.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/assert"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(28.0+)</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/hh772171%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"> <span class="abbr" title="if expression is false, works as console.log">±</span></td>
</tr><tr><td colspan="8"><dl><dt><b>clear()</b></dt><dd>Clears console window.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/jj152131%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr><td colspan="8"><dl><dt><b>count(<i>[object]</i>)</b></dt><dd>It displays the number of passes of a given point code every time. If there is an argument <i>object</i>, it is displayed <i>object.toString() before the counter</i>.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/count"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(30.0+)</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/dn265064%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="It ignores the complex objects; does not display a link">± ...</span></td>
</tr><tr><td colspan="8"><dl><dt><b>debug(<i>object[, object, ...]</i>)</b></dt><dd>The equivalent of <i>console.log</i> for compatibility with the old version of the object <i>console</i>, where <i>.debug</i> shows additonal link on the line of code, from which method was called.</dd></dl></td>
</tr><tr>
<td><div class="def2"><i><font class="gray" color=#999999> equals .log()</font></i></div></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/dn265066%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="not supports patterns">± ...</span></td>
</tr><tr><td colspan="8"><dl><dt><b>dir(<i>object</i>)</b></dt><dd><i>object</i> it appears as a Javascript-object (for DOM-elements shows all of its attributes and methods). <b>%O</b> works in <i>console.log</i> in Chrome similarly.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/dir"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(8+)</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/jj152132%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(9+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"> <span class="suppYes abbr" title="takes more than one argument"><font color=#66dd66>+</font></span></td>
</tr><tr><td colspan="8"><dl><dt><b>dirxml(<i>object</i>)</b></dt><dd>Outputs XML code of object.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/dn265067%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(11+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="If objects are not DOM, displays a link to them. Bug when two complex objects">± ...</span></td>
</tr><tr><td colspan="8"><dl><dt><b>error(<i>object[, object, ...]</i>)</b></dt><dd>Sends an error message to the console and <i>console.trace</i> for the position from which it was called (without stopping the execution of the program). Patterns are supports (<b>%s</b>, <b>%d</b> (<b>%i</b>), <b>%f</b>, <b>%o</b>, <b>%O</b>, <b>%c</b>), as in <i>console.log</i>. Example of tracing the call stack (Firefox 31+):<br>
<img src="img/console-stack-traces.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="traces, if passed 1 argument exactly">± ...</span></td>
<td class="abbr"> <span class="suppYes abbr" title="tracing (as in console.trace) from version 31"><font color=#66dd66>+</font></span></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/hh772176%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(8+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="not outputs console.trace">± ...</span></td>
</tr><tr><td colspan="8"><dl><dt><b>exception(<i>object[, object, ...]</i>)</b></dt><dd>Equals to <i>.error()</i>.</dd></dl></td>
</tr><tr>
<td><div class="def2"><i><font class="gray" color=#999999> equal .error()</font></i></div></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/error"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(28+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font> </td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
</tr><tr><td colspan="8"><dl><dt><b>group(<i>object[, object, ...]</i>)</b></dt><dd>Starts Expanded group logs in the console, which can then be roll up manually. Group terminates the command <i>.groupEnd ()</i>. Patterns are supported (see <i>.log()</i>). Sample code and output (from the article «<a target="_blank" href="http://stepansuvorov.com/blog/2013/04/%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D0%BA%D0%BE%D0%BD%D1%81%D0%BE%D0%BB%D0%B8-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B0/">Browser console opportunities</a> (ru)», 2013):<br>
<i class="gray">(javascript)</i><br>
<div class="highlight highlight-javascript">
<pre>
console.group("module A")
console.log('a')
console.log('a')
console.log('a')
console.group("nested module B")
console.log('b')
console.log('b')
console.log('b')
console.groupEnd()
console.groupCollapsed("nested collapsed module C")
console.log('c')
console.log('c')
console.log('c')
console.groupEnd()
console.groupEnd()
console.group("module D")
console.log('d')
console.log('d')
console.log('d')
console.groupEnd()
</pre></div>
<br>
<img src="img/groupLog.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="can not collapse the group">± ...</span></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/dn265068%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(11+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(4+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr><td colspan="8"><dl><dt><b>groupCollapsed(<i>object[, object, ...]</i>)</b></dt><dd>Starts collapsed group of log in the console, which can then unfold manually. Group terminates by command <i>.groupEnd()</i>. Patterns are supported (see <i>.log()</i>).</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="Initially, the group is expanded and anyone can not collapse it (equals to .group())">± ...</span> <font class="gray" color=#999999>(9+)</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/dn265069%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(11+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(5.1+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr><td colspan="8"><dl><dt><b>groupEnd()</b></dt><dd>Indicates the end of the group of log messages that can fold or unfold (except Firefox) manually.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://getfirebug.com/wiki/index.php/Console.groupEnd"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/groupEnd"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(9+)</font></td>
<td><a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/dn265070%28v=vs.85%29.aspx"><font class="suppYes" color=#66dd66> +</font></a> <font class="suppNo" color=#999999>(11+)</font></td>
<td><font color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(4+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr>
<th></th>
<th><div class="divIn"><img src="img/iconChrome.png"/></div><div class="divIn"> Chrome</div></th>
<th><div class="divIn"><img src="img/iconFirebug.png"/></div><div class="divIn"> Firebug</div></th>
<th><div class="divIn"><img src="img/iconFirefox.png"/></div><div class="divIn"> Firefox</div></th>
<th><div class="divIn"><img src="img/iconIe.png"/></div><div class="divIn"> IE</div></th>
<th><div class="divIn"><img src="img/iconNodejs.png"/></div><div class="divIn"> Node.js</div></th>
<th><div class="divIn"><img src="img/iconSafari.png"/></div><div class="divIn"> Safari</div></th>
<th class="abbr"><div class="divIn"><span class="abbr" title="ver. 12.15"><img src="img/iconOpera.png"/></span></div><div class="divIn"> <span class="abbr" title="ver. 12.15">Opera</span></div></th>
</tr><tr><td colspan="8"><dl><dt><b>info(<i>object[, object, ...]</i>)</b></dt><dd>The operation is similar to the <i>.log()</i>, but is made in a different design to distinguish the types of messages, for example, the importance of graduation or for other semantic meaning of this group of messages. Patterns are supported (described in <i>.log()</i>). An example of differences for Firebug, Chrome, IE9:<br>
<img src="img/consoleMessages.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr><td colspan="8"><dl><dt><b>log(<i>object[, object, ...]</i>)</b></dt><dd>Displays the arguments in the console, separated by spaces. The most popular command in <i>console</i>.<br>
<br>
It supports patterns, which are special names in the first argument, indicating that it should be to use as template, in which following arguments will be substituted instead variables of pattern (as in printf() in C, but it is much easier). Examples:<br>
<br>
<i class="gray">(javascript)</i><br>
<div class="highlight highlight-javascript">
<pre>
console.log('Peter had %d %s', 10,'apples');
console.log('Pi is equal to %f', Math.PI);
console.log('%cRichard %cOf %cYork%c Gave Battle In Vain',
'color:red;','font-size:16px;color:orange;','background:black;color:yellow;',
'font:normal;color:normal;background:normal;');
console.log('body as DOM: %o',document.getElementsByTagName('body')[0]);
console.log('object: %O',{a:1,b:2});
console.log('body as Object: %O',document.getElementsByTagName('body')[0]);
</pre></div>
<br>
Types of patterns and data type to which it converts values:<br>
<b>%s</b> — string.<br>
<b>%d</b> or <b>%i</b> — number.<br>
<b>%f</b> — float number (Firebug supports also).<br>
<b>%o</b> — DOM-element (Firebug outputs as reference to element. Chrome, in addition to references, displays an item in the console. Firefox opens in a modal window by click (all attributes and methods of this object are available)).<br>
<b>%O</b> — JS object (not supported in Firefox; Chrome converts DOM object to JS object for this pattern; Firebug does not distinguish <b>%o</b> and <b>%O</b>).<br>
<b>%c</b> — CSS-style (color, background, font; in Firefox is supported from version 31). Example of stylization by pattern <b>%c</b> (Firefox):<br>
<img src="img/styled-console-logs.png"/></dd></dl></td>
</tr><tr>
<td><div class="def2"> <i><font color=#aa6699>(important)</font></i></div></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="patterns is not supported">± ...</span></td>
</tr><tr><td colspan="8"><dl><dt><b>markTimeline()</b></dt><dd>Synonym of <i>.timeStamp()</i> for Safari, but <i>.timeStamp()</i> is not supported in it, and vice versa.</dd></dl></td>
</tr><tr>
<td><div class="def2"><i><font class="gray" color=#999999> =.timeStamp()</font></i></div></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
</tr><tr><td colspan="8"><dl><dt><b>profile(<i>[label]</i>)</b></dt><dd><a target="_blank" href="https://developer.chrome.com/devtools/docs/console-api#consoleprofile">Starts Javascript-profiler</a>, then shows results under name <i>label</i>.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="it will works if Dev. Tools panel is opened">(devtools)</span></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(10+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
</tr><tr><td colspan="8"><dl><dt><b>profileEnd()</b></dt><dd>Turns off Javascript-profiler.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td class="abbr"><span class="abbr" title="it will works if Dev. Tools panel is opened">(devtools)</span></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(10+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
</tr><tr><td colspan="8"><dl><dt><b>table(<i>data[, columns]</i>)</b></dt><dd>The two-dimensional tabular data presented in a tabular format. <i>Data</i> is array or object (or object of objects, object of arrays), each element of which is a string in the table. The first column of a two-dimensional array will be its index (from 0). Or, if there is an object, the first column would consist of keys of the object. Example in Firefox (object of objects):<br>
<img src="img/tableLog.png"/><br>
<i>Columns</i> is optional array of names of columns for the table header, if the strings are built from arrays, and we do not want to have the names of numeric codes. Above was an example of the result (Firefox), either obtained from the named column or object of objects. Below we show that it would be from an array of arrays without parameter <i>columns</i>:<br>
<img src="img/tableLogNoHeader.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="http://www.softwareishard.com/blog/firebug/tabular-logs-in-firebug/"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/table"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(34.0+)</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
</tr><tr><td colspan="8"><dl><dt><b>time(<i>label</i>)</b></dt><dd>Turns on milliseconds counter with name <i>label</i>.</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://getfirebug.com/wiki/index.php/Console.time"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/time"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(10+)</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(11+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(4+)</font></td>
<td class="abbr"> <span class="abbr" title="ignores call without arguments">±</span></td>
</tr><tr><td colspan="8"><dl><dt><b>timeEnd(<i>label</i>)</b></dt><dd>Stops milliseconds counter with name <i>label</i> and outputs result. Example (Chrome):<br>
<img src="img/time-duration.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="http://www.stoimen.com/blog/2010/02/02/firebugs-console-time-accuracy/"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/timeEnd"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(10+)</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(11+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(4+)</font></td>
<td class="abbr"> <span class="abbr" title="ignores call without arguments">±</span></td>
</tr><tr><td colspan="8"><dl><dt><b>timeStamp(<i>[label]</i>)</b></dt><dd>Draws the timestamp on the chart timings script for monitor the dynamics of the behavior of the program. Example (Firebug):<br>
<img src="img/timestampLog.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="http://www.softwareishard.com/blog/firebug/firebug-1-8-console-timestamp/"><font class="suppYes" color=#66dd66> +</font></a></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td><font class="suppNo" color=#ff6666>-⊝-</font></td>
<td class="abbr"><span class="abbr" title="terminates with exception"><font class="suppNo" color=#ff6666>-⊝-</font></span></td>
</tr><tr><td colspan="8"><dl><dt><b>trace()</b></dt><dd>Shows the stack trace of function at the moment of execution (the same that is normally displayed when you stop on the error points). The example in Safari (in sidebar), in Chrome (console):<br>
<img src="img/safariStackTrace.png" width="288"/> <img src="img/stackTraceConsoleChrome.png"/><br>
In Firefox:<br>
<img src="img/stackTraceConsoleFirefox.png"/></dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console/trace"><font class="suppYes" color=#66dd66> +</font></a> <font class="gray" color=#999999>(10+)</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(11+)</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66>+</font> <font class="gray" color=#999999>(7.0.1+)</font></td>
<td class="abbr"><span class="abbr" title="on the edge of correctness">± ...</span></td>
</tr><tr><td colspan="8"><dl><dt><b>warn(<i>object[, object, ...]</i>)</b></dt><dd>Similar to <i>.log()</i> and <i>.info()</i>, but drawn in different design to distinguish the types of messages. Patterns are supported (described in <i>.log()</i>).</dd></dl></td>
</tr><tr>
<td></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr><td colspan="8"><dl><dt><b>debugger;</b></dt><dd>This operator stops Javascript on the current line. It is equal to a breakpoint in the debug panel. Does not affect the running program except stopping.</dd></dl></td>
</tr><tr>
<td><i><font class="gray" color=#999999> (operator)</font></i></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
<td><font class="suppYes" color=#66dd66> +</font></td>
</tr><tr><td colspan="8"><dl><dt><b>throw new Error(<i>'mesasge'</i>);</b></dt><dd>It stops Javascript on the current line, interrupting the execution. <i> (This operator is supported by all execution environments of Javascript.)</i></dd></dl></td>
</tr><tr>
<td></td>
<th><div class="divIn"><img src="img/iconChrome.png"/></div><div class="divIn"> <a target="_blank" href="https://developer.chrome.com/devtools/docs/console-api">Chrome</a></div></th>
<th><div class="divIn"><img src="img/iconFirebug.png"/></div><div class="divIn"> <a target="_blank" href="https://getfirebug.com/wiki/index.php/Console_API">Firebug</a></div></th>
<th><div class="divIn"><img src="img/iconFirefox.png"/></div><div class="divIn"> <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Console">Firefox</a></div></th>
<th><div class="divIn"><img src="img/iconIe.png"/></div><div class="divIn"> <a target="_blank" href="https://msdn.microsoft.com/en-us/library/ie/hh772169%28v=vs.85%29.aspx">IE</a></div></th>
<th><div class="divIn"><img src="img/iconNodejs.png"/></div><div class="divIn"> <a target="_blank" href="https://nodejs.org/api/console.html">Node.js</a></div></th>
<th><div class="divIn"><img src="img/iconSafari.png"/></div><div class="divIn"> <a target="_blank" href="https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html#//apple_ref/doc/uid/TP40007874-CH6-SW3">Safari</a></div></th>
<th class="abbr"><div class="divIn"><span class="abbr" title="ver. 12.15"><img src="img/iconOpera.png"/></span></div><div class="divIn"> <span class="abbr" title="ver. 12.15"><a target="_blank" href="http://www.opera.com/dragonfly/documentation/console/">Opera</a></span></div></th>
</tr></table>
<h4>References and explorations of <i>console</i></h4>
<ul>
<li>7 links in the last row of table above</li>
<li><a href="https://hacks.mozilla.org/2014/05/editable-box-model-multiple-selection-sublime-text-keys-much-more-firefox-developer-tools-episode-31/">... + much more – Firefox Developer Tools Episode 31</a> - console stack traces, styled console logs в Fx31.</li>
<li><a href="https://msdn.microsoft.com/library/gg589530">Using the F12 Tools Console to View Errors and Status</a> (MSDN)</li>
<li><a target="_blank" href="http://stepansuvorov.com/blog/2013/04/%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D0%BA%D0%BE%D0%BD%D1%81%D0%BE%D0%BB%D0%B8-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B0/">Browser console opportunities</a> - 2013-04 (ru).</li>
<li><a href="http://habrahabr.ru/post/114483/">Using the console to the full</a> (ru)</li>
<li><a href="http://habrahabr.ru/post/202394/">Javascript debugging with console.table()</a> (ru)</li>
<li><a target="_blank" href="http://habrahabr.ru/post/188066/">FireBug* Console API</a> - describes an detail of implementation, seen in tests of browsers 2013 г (ru);</li>
<li><a target="_blank" href="http://habrahabr.ru/post/198372/">API of console in Javascript</a> (2013; ru).</li>
<li><a target="_blank" href="http://www.mitchrobb.com/chromes-console-api-greatest-hits/">Chrome’s Console API: Greatest Hits</a> (2014; en).</li>
<li> ...</li>
</ul>
<i> This page can be displayed in multiple views. If you open it
<ul>
<li> with the anchor <a href="jsConsoleApiReference.htm#expand_all">#expand_all</a>, all descriptions of the methods will be expanded. If</li>
<li> with the anchor <a href="jsConsoleApiReference.htm#collapse_max">#collapse_max</a> its will minimized to one row per method, and ...</li>
<li> <a href="jsConsoleApiReference.htm">without anchors</a> all titles of descriptions will be placed on whole row and checks in browsers occupied next row of the table.</li>
<li> In addition, each description can be expand individually by clicking on the title row with method name.</li>
</ul></i>
<br>
<br>
<br> © 2015, <a href="https://github.com/spmbt">spmbt</a>
</body></html>