zeigt-versteckte-einbindungen.php
Quell Code
<link rel="stylesheet" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<style>
@import url(https://fonts.googleapis.com/css?family=Inconsolata|Roboto+Condensed);
html, head, body {
overflow-x: hidden;
}
html {
color: #fff;
background-color: #2b3035;
counter-reset: metas links scripts;
}
head, body {
display: block;
margin: 20px;
padding: 10px;
border: 2px dashed rgba(255, 255, 255, .4);
border-radius: 10px;
overflow-x: hidden;
}
head::before, body::before,
head::after, body::after {
display: block;
color: rgba(255, 255, 255, .4);
font: 26px/1.2 'Inconsolata', monospace;
}
head::before, body::before {
margin-left: 10px;
}
head::after, body::after {
margin-right: 10px;
text-align: right;
}
head::before { content: '<head>'; }
head::after { content: '</head>'; }
body::before { content: '<body>'; }
body::after { content: '</body>'; }
meta[charset], meta[name][content], link, script {
display: inline-block;
margin: 10px;
color: #fff;
white-space: nowrap;
font-size: 0;
}
meta::before, link::before, script::before,
meta::after, link::after, script::after {
display: inline-block;
vertical-align: middle;
padding: 10px;
border: 2px solid #fff;
font: 16px/1.2 'Inconsolata', monospace;
}
meta::before, link::before, script::before {
border-right: none;
border-radius: 10px 0 0 10px;
background-color: #333;
}
meta::after, link::after, script::after {
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
border-left: none;
border-radius: 0 10px 10px 0;
background-color: #666;
}
meta[charset]::before {
counter-increment: metas;
content: '<meta> #' counter(metas);
}
meta[charset]::after {
content: 'charset="' attr(charset) '"';
}
meta[name][content]::before {
counter-increment: metas;
content: '<meta> #' counter(metas);
}
meta[name][content]::after {
content: 'name="' attr(name) '" content="' attr(content) '"';
}
link[rel][href]::before {
counter-increment: links;
content: '<link> #' counter(links);
}
link[rel][href]::after {
content: 'rel="' attr(rel) '" href="' attr(href) '"';
}
script[src]::before {
counter-increment: scripts;
content: '<script> #' counter(scripts);
}
script[src]::after {
content: 'src="' attr(src) '"';
}
p {
margin: 10px;
font: 42px/1.2 'Roboto Condensed', sans-serif;
}
</style>