eruda2
Version:
Console for Mobile Browsers
111 lines (103 loc) • 2.82 kB
HTML
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>Eruda Test Page</title>
<link rel="stylesheet" href="style.css" />
<script src="assets/eruda.js"></script>
</head>
<body>
<header>ERUDA TEST PAGE</header>
<nav id="test-list">
<ul>
<li>
<a href="eruda.html">eruda</a>
</li>
<li>
<a href="console.html">console</a>
</li>
<li>
<a href="elements.html">elements</a>
</li>
<li>
<a href="network.html">network</a>
</li>
<li>
<a href="resources.html">resources</a>
</li>
<li>
<a href="sources.html">sources</a>
</li>
<li>
<a href="info.html">info</a>
</li>
<li>
<a href="snippets.html">snippets</a>
</li>
<li>
<a href="settings.html">settings</a>
</li>
<li>
<a href="manual.html">manual</a>
</li>
</ul>
</nav>
<div class="new-ver">
<b> New version </b>: Add to Elements: ::before, ::after, @keyframes, @media.... And edit CSS!
<br>
Tao to inline style in mode Elements!
</div>
<video src="https://v16-web.tiktok.com/video/tos/alisg/tos-alisg-pve-0037/da0ab3a94dc14cac8f09cf348fc1a128/?a=1988&br=2524&bt=1262&cd=0%7C0%7C1&ch=0&cr=0&cs=0&cv=1&dr=3&ds=3&er=&expire=1612032083&l=202101301241030102341090860B1BA825&lr=tiktok&mime_type=video_mp4&pl=0&policy=2&qs=0&rc=anloOHFoPG5tMzMzNTgzM0ApNDVkNWlkO2U1NzdpZDM1OWcuXmswaW1lYl5gLS1eLzRzczJfYTMuYWBgMjNjMDFfLjY6Yw%3D%3D&signature=b51fe2bf845c712662908cb13f7133ba&tk=tt_webid_v2&vl=&vr=" controls/>
<style>
.new-ver {
padding: 12px;
animation: fade 3s ease infinite;
}
@media (min-width: 992px) {
.new-ver {
font-size: 18px;
}
}
.new-ver::after {
content: "I am after!";
}
.new-ver:hover {
transform: scale(1.1);
}
@keyframes fade {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
</style>
<script>
eruda.init()
/*
;(function () {
let el = document.createElement('div')
document.body.appendChild(el)
setTimeout(function () {
try {
eruda.init({
container: el,
useShadowDom: false,
defaults: {
displaySize: 50,
transparency: 0.9,cq
theme: 'Monokai Pro',
},
})
} catch (e) {
alert(e)
}
eruda.show().get().config.set('displaySize', 50)
}, 1000)
})()*/
</script>
</body>
</html>