LayoutTests/inspector/console/console-format-style-whitelist.html - WebKit - Git at Google

 <html>
 <head>
 <script src="../../http/tests/inspector/inspector-test.js"></script>
 <script src="../../http/tests/inspector/console-test.js"></script>
 <script>
 function onload()
 {
     console.log('%cColors are awesome.', 'color: blue;');
     console.log('%cSo are fonts!', 'font: 1em Helvetica;');
     console.log('%cAnd borders and margins and paddings!', 'border: 1px solid red; margin: 20px; padding: 10px;');
     console.log('%ctext-* is fine by us!', 'text-decoration: none;');

     console.log('%cDisplay, on the other hand, is bad news.', 'display: none;');
     console.log('%cAnd position too.', 'position: absolute;');
     runTest();
 }

 function test()
 {
     InspectorTest.expandConsoleMessages();
     InspectorTest.dumpConsoleMessagesWithStyles();
     InspectorTest.completeTest();
 }
 </script>
 </head>

 <body onload="onload()">
 <p>Tests that console logging dumps properly styled messages, and that
 the whole message gets the same style, regardless of multiple %c
 settings.</p>
 </body>
 </html>
	<html>
	<head>
	<script src="../../http/tests/inspector/inspector-test.js"></script>
	<script src="../../http/tests/inspector/console-test.js"></script>
	<script>
	function onload()
	{
	console.log('%cColors are awesome.', 'color: blue;');
	console.log('%cSo are fonts!', 'font: 1em Helvetica;');
	console.log('%cAnd borders and margins and paddings!', 'border: 1px solid red; margin: 20px; padding: 10px;');
	console.log('%ctext-* is fine by us!', 'text-decoration: none;');

	console.log('%cDisplay, on the other hand, is bad news.', 'display: none;');
	console.log('%cAnd position too.', 'position: absolute;');
	runTest();
	}

	function test()
	{
	InspectorTest.expandConsoleMessages();
	InspectorTest.dumpConsoleMessagesWithStyles();
	InspectorTest.completeTest();
	}
	</script>
	</head>

	<body onload="onload()">
	<p>Tests that console logging dumps properly styled messages, and that
	the whole message gets the same style, regardless of multiple %c
	settings.</p>
	</body>
	</html>