console-timing-logging-manual.html (2373B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Console Timing Methods - Logging Manual Test</title> 5 <meta name="author" title="Dominic Farolino" href="mailto:domfarolino@gmail.com"> 6 <meta name="assert" content="Console timing methods"> 7 <link rel="help" href="https://console.spec.whatwg.org/#timing"> 8 </head> 9 <body> 10 <p>Open the console inside the developer tools. It should contain entries whose contents are:</p> 11 <p><code>default: <some time></code></p> 12 <p><code>default: <some time></code></p> 13 14 <p><code>default: <some time></code></p> 15 <p><code>default: <some time> extra data</code></p> 16 <p><code>default: <some time></code></p> 17 18 <p><code>default: <some time></code></p> 19 <p><code>default: <some time> extra data</code></p> 20 <p><code>default: <some time></code></p> 21 22 <p><code>default: <some time></code></p> 23 <p><code>default: <some time> extra data</code></p> 24 <p><code>default: <some time></code></p> 25 26 <p><code>custom toString(): <some time></code></p> 27 <p><code>custom toString(): <some time> extra data</code></p> 28 <p><code>custom toString(): <some time></code></p> 29 30 <p><code>a label: <some time></code></p> 31 <p><code>a label: <some time> extra data</code></p> 32 <p><code>a label: <some time></code></p> 33 34 <p style="color:grey;">[some warning message indicating that a timer for label "b" does not exist]</p> 35 36 <script> 37 console.time(); 38 console.timeLog(); 39 console.timeEnd(); 40 41 console.time(undefined); 42 console.timeLog(undefined); 43 console.timeLog(undefined, "extra data"); 44 console.timeEnd(undefined); 45 46 console.time("default"); 47 console.timeLog("default"); 48 console.timeLog("default", "extra data"); 49 console.timeEnd("default"); 50 51 console.time({toString() {return "default"}}); 52 console.timeLog({toString() {return "default"}}); 53 console.timeLog({toString() {return "default"}}, "extra data"); 54 console.timeEnd({toString() {return "default"}}); 55 56 console.time({toString() {return "custom toString()"}}); 57 console.timeLog({toString() {return "custom toString()"}}); 58 console.timeLog({toString() {return "custom toString()"}}, "extra data"); 59 console.timeEnd({toString() {return "custom toString()"}}); 60 61 console.time("a label"); 62 console.timeLog("a label"); 63 console.timeLog("a label", "extra data"); 64 console.timeEnd("a label"); 65 66 console.timeLog("b"); // should produce a warning 67 console.timeEnd("b"); // should produce a warning 68 </script> 69 </body> 70 </html>