blocks|key|280845|text|%2Bnew+Date和Date.now()是获取时间戳的替代方法|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|280846|entityMap^0|0|9|A|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<code>+new Date</code> and <code>Date.now()</code> are alternate ways to get timestamps

blocks|key|497663|text|也可以试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|497664|this.log+=+console.log.bind(+console,+'['+%2B+new+Date().toUTCString()+%2B+']'+);|code-block|syntax|javascript|497665|此函数将时间戳、文件名和行号设置为与内置console.log相同。|offset|length|style|CODE|497666|entityMap^0|0|0|K|B|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Try this also:

<pre><code>this.log = console.log.bind( console, '[' + new Date().toUTCString() + ']' );
</code></pre>

This function puts timestamp, filename and line number as same of built-in <code>console.log</code>.

blocks|key|497810|text|在Chrome中，控制台设置(按F1或选择开发人员工具->控制台->设置右上角)中有一个名为“显示时间戳”的选项，这正是我所需要的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|497811|我刚刚找到了。不需要其他肮脏的黑客来破坏占位符和擦除记录消息的代码中的位置。|497812|Chrome+68%2B更新|497813|“显示时间戳”设置已移动到"DevTools设置“的首选项窗格中，该窗格位于DevTools抽屉的右上角：|497814|​|497815|📷|atomic|offset|length|497816|497817|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/c40fdfa0fa3ad889801a57ef0a6fb53b.png|imageAlt^0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|13|8|@]|9|@$M|14|N|15|1|16]]|A|$]]|$1|O|3|I|5|6|7|17|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

In Chrome, there is the option in Console Settings (Either press F1 or select Developer Tools -&gt; Console -&gt; Settings [upper-right corner] ) named &quot;Show timestamps&quot; which is exactly what I needed.
I've just found it. No other dirty hacks needed that destroys placeholders and erases place in the code where the messages was logged from.
<h3>Update for Chrome 68+</h3>
The &quot;Show timestamps&quot; setting has been moved to the Preferences pane of the &quot;DevTools settings&quot;, found in the upper-right corner of the DevTools drawer:
<a href="https://i.stack.imgur.com/to9n2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/to9n2.png" alt="Show timestamps how-to picture" /></a>

blocks|key|281075|text|您可以使用dev+tools+profiler。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|281076|console.time('Timer+name');
//do+critical+time+stuff
console.timeEnd('Timer+name');|code-block|syntax|javascript|281077|“计时器名称”必须相同。您可以使用多个具有不同名称的timer实例。|281078|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can use dev tools profiler.

<pre><code>console.time('Timer name');
//do critical time stuff
console.timeEnd('Timer name');
</code></pre>

"Timer name" must be the same. You can use multiple instances of timer with different names.

blocks|key|281112|text|我在大多数Node.JS应用程序中都有这个功能。它也可以在浏览器中工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|281113|function+log()+{
++const+now+=+new+Date();
++const+currentDate+=+`[${now.toISOString()}]:+`;
++const+args+=+Array.from(arguments);
++args.unshift(currentDate);
++console.log.apply(console,+args);
}|code-block|syntax|javascript|281114|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I have this in most Node.JS apps. It also works in the browser.

<pre><code>function log() {
 const now = new Date();
 const currentDate = `[${now.toISOString()}]: `;
 const args = Array.from(arguments);
 args.unshift(currentDate);
 console.log.apply(console, args);
}
</code></pre>

blocks|key|498012|text|来自Chrome+68：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|498013|“显示时间戳”已移至设置|498014|以前在控制台设置控制台设置中的显示时间戳复选框已移动到Settings。|offset|length|498015|​|498016|📷|atomic|498017|498018|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/web/tools/chrome-devtools/ui#settings|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/e9abf5c4666aba3c2664780988267744.png|imageAlt^0|0|0|R|8|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@$F|14|G|15|1|16]]|A|$]]|$1|H|3|I|5|6|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@$F|19|G|1A|1|1B]]|A|$]]|$1|M|3|I|5|6|7|1C|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]|V|$5|W|R|X|A|$Y|Z|10|-4]]]]

From Chrome 68:

"Show timestamps" moved to settings

The Show timestamps checkbox previously in Console Settings Console Settings has moved to <a href="https://developers.google.com/web/tools/chrome-devtools/ui#settings" rel="noreferrer">Settings</a>.

<a href="https://i.stack.imgur.com/xIWuy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xIWuy.png" alt="enter image description here"></a>

blocks|key|498061|text|ES6解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|498062|const+timestamp+=+()+=>+`[${new+Date().toUTCString()}]`
const+log+=+(...args)+=>+console.log(timestamp(),+...args)|code-block|syntax|javascript|498063|其中timestamp()返回实际格式化的时间戳，log添加时间戳并将自己的所有参数传播到console.log|offset|length|style|CODE|498064|entityMap^0|0|0|2|B|P|3|19|B|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

ES6 solution:

<pre class="lang-js prettyprint-override"><code>const timestamp = () =&gt; `[${new Date().toUTCString()}]`
const log = (...args) =&gt; console.log(timestamp(), ...args)
</code></pre>

where <code>timestamp()</code> returns actually formatted timestamp and <code>log</code> add a timestamp and propagates all own arguments to <code>console.log</code>

Is there any quick way of getting Chrome to output timestamps in <code>console.log</code> writes (like Firefox does). Or is prepending <code>new Date().getTime()</code> the only option?

console.log timestamps in Chrome?

有没有什么快速的方法可以让Chrome输出console.log格式的时间戳(就像火狐一样)？或者前缀new Date().getTime()是唯一的选择吗？

问Chrome中的console.log时间戳？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome中的console.log时间戳？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome中的console.log时间戳？
EN