OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../../http/tests/inspector/inspector-test.js"></script> |
4 <script src="../../http/tests/inspector/console-test.js"></script> | 4 <script src="../../http/tests/inspector/console-test.js"></script> |
5 <script> | 5 <script> |
6 function onload() | 6 function onload() |
7 { | 7 { |
8 console.log('%cColors are awesome.', 'color: blue;'); | 8 console.log('%cColors are awesome.', 'color: blue;'); |
9 console.log('%cSo are fonts!', 'font: 1em Helvetica;'); | 9 console.log('%cSo are fonts!', 'font: 1em Helvetica;'); |
10 console.log('%cAnd borders and margins and paddings!', 'border: 1px solid re
d; margin: 20px; padding: 10px;'); | 10 console.log('%cAnd borders and margins and paddings!', 'border: 1px solid re
d; margin: 20px; padding: 10px;'); |
11 console.log('%ctext-* is fine by us!', 'text-decoration: none;'); | 11 console.log('%ctext-* is fine by us!', 'text-decoration: none;'); |
12 | 12 |
13 console.log('%cDisplay, on the other hand, is bad news.', 'display: none;'); | 13 console.log('%cDisplay, on the other hand, is bad news.', 'display: none;'); |
14 console.log('%cAnd position too.', 'position: absolute;'); | 14 console.log('%cAnd position too.', 'position: absolute;'); |
15 console.log('%cAnd URL is not allowed as a value .', 'background-image: url(
"http://example.com/cookies")'); | |
16 runTest(); | 15 runTest(); |
17 } | 16 } |
18 //# sourceURL=console-format-style-whitelist.html | 17 //# sourceURL=console-format-style-whitelist.html |
19 </script> | 18 </script> |
20 | 19 |
21 <script> | 20 <script> |
22 function test() | 21 function test() |
23 { | 22 { |
24 InspectorTest.expandConsoleMessages(onExpanded); | 23 InspectorTest.expandConsoleMessages(onExpanded); |
25 | 24 |
26 function onExpanded() | 25 function onExpanded() |
27 { | 26 { |
28 InspectorTest.dumpConsoleMessagesWithStyles(); | 27 InspectorTest.dumpConsoleMessagesWithStyles(); |
29 InspectorTest.completeTest(); | 28 InspectorTest.completeTest(); |
30 } | 29 } |
31 } | 30 } |
32 </script> | 31 </script> |
33 </head> | 32 </head> |
34 | 33 |
35 <body onload="onload()"> | 34 <body onload="onload()"> |
36 <p>Tests that console logging dumps properly styled messages, and that | 35 <p>Tests that console logging dumps properly styled messages, and that |
37 the whole message gets the same style, regardless of multiple %c | 36 the whole message gets the same style, regardless of multiple %c |
38 settings.</p> | 37 settings.</p> |
39 </body> | 38 </body> |
40 </html> | 39 </html> |
OLD | NEW |