<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Resource Timing initiator type: style</title>
<link rel="author" title="Google" href="http://www.google.com/" />
<link rel="help" href="https://www.w3.org/TR/resource-timing-2/#dom-performanceresourcetiming-initiatortype"/>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resource-timing/resources/observe-entry.js"></script>
<script src="resources/initiator-type-test.js"></script>
</head>
<body>
<style>
iframe {
background: url('/resource-timing/resources/blue.png?id=background');
}
body {
cursor: url('/resource-timing/resources/blue.png?id=cursor'), pointer;
}
ul {
list-style-image: url('/resource-timing/resources/blue.png?id=list-style');
}
@font-face {
font-family: remoteFontAhem;
src: url('/fonts/Ahem.ttf');
}
.ahem {
font-family: remoteFontAhem;
}
</style>
<iframe>This iframe forces the 'background' resource to be fetched.</iframe>
<ul>
<li>This content forces the 'list-style-image' resource to be fetched.</li>
</ul>
<div class="ahem">This content forces the '@font-face' resource to be fetched.</div>
<script>
initiator_type_test("blue.png?id=background", "css", "'background' attributes in <style> elements");
initiator_type_test("blue.png?id=cursor", "css", "'cursor' attributes in <style> elements");
initiator_type_test("blue.png?id=list-style", "css", "'list-style-image' attributes in <style> elements");
initiator_type_test("fonts/Ahem.ttf", "css", "'@font-face' resources");
</script>
</body>
</html>
Codebase Browser
chromium