<script> function clickHandler(errors, warnings) { return function() { for (var i = 0; i < errors; ++i) console.error("Error " + (i + 1)); for (var i = 0; i < warnings; ++i) console.warn("Warning " + (i + 1)); } } function loaded() { var tests = [ { errors: 0, warnings: 0 }, { errors: 1, warnings: 0 }, { errors: 2, warnings: 0 }, { errors: 0, warnings: 1 }, { errors: 0, warnings: 2 }, { errors: 1, warnings: 1 }, { errors: 1, warnings: 2 }, { errors: 2, warnings: 1 }, { errors: 2, warnings: 2 }, { errors: 100, warnings: 100 }, ]; for (var i in tests) { var test = tests[i]; var button = document.createElement("button"); var content = ""; if (!test.errors && !test.warnings) content = "(nothing)"; else { if (test.errors > 0) content += test.errors + " error" + (test.errors != 1 ? "s" : ""); if (test.warnings > 0) { if (content.length) content += ", "; content += test.warnings + " warning" + (test.warnings != 1 ? "s" : "") } } button.innerText = content; button.onclick = clickHandler(test.errors, test.warnings); var p = document.createElement("p"); p.appendChild(button); document.body.appendChild(p); } } </script> <body onload="loaded()"> <p>To begin test, open DevTools and click one of the buttons below. You should see an error and/or warning count in the Inspector's status bar. Clicking on the error/warning count should open the Console. Hovering over the error/warning count should show you a tooltip that matches the text in the button you clicked.</p> <p>Note: You must reload the page between each button press.</p>