- ID de l'analyse :
- ff34cebc-9124-4513-bcc0-480e752b90daTerminée
- URL soumise :
- https://whatwebsitesuse.com/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 5 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
allReports | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
log | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" itemscope="" itemtype="https://schema.org/WebSite"><head>
<meta charset="UTF-8">
<meta name="color-scheme" content="light dark">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta itemprop="dateCreated" content="2024-02-14">
<meta itemprop="description" name="description" content="Reports on web technologies, with website examples.">
<meta itemprop="url" content="https://whatwebsitesuse.com">
<link rel="icon" href="./favicon.ico">
<link rel="stylesheet" href="./styles.css">
<title itemprop="name">WhatWebsitesUse.com</title>
<meta itemprop="alternateName" content="What Websites Use">
<meta itemprop="alternateName" content="WWU">
<script type="module" src="/assets/js/home-index.js"></script>
</head>
<body class="index-page">
<main>
<style>
@media (min-width: 450px) {
main header {
margin: 0 auto;
}
}
header h1 {
text-align: center;
font-size: 2rem;
margin: 22vh 0 3vh;
}
@media (min-width: 450px) {
header h1 {
font-size: 3.2rem;
margin: 30vh 0 1vh;
}
}
.index-description {
color: var(--color7);
}
</style>
<header>
<h1>What Websites Use</h1>
<style>
.subtitle-container {
background: var(--subtitles-color);
width: 180px;
height: 24px;
padding: 0.5rem 0 0.9rem;
font-size: 16px;
font-weight: 600;
text-align: center;
margin: 0.1rem auto 26vh;
}
@media (min-width: 450px) {
.subtitle-container {
width: 280px;
height: 50px;
font-size: 30px;
padding: 0.5rem 0 1.2rem;
font-size: 32px;
}
}
.subtitle-container h2 {
margin: 0;
}
.fadeIn {
animation: fadein 1.8s linear 1 forwards;
}
.fadeOut {
animation: fadeout 1.2s linear 1 forwards;
}
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeout {
0% { opacity: 1; }
100% { opacity: 0; }
}
</style>
<div class="subtitle-container">
<h2 class="subtitle fadeIn">React</h2>
<script>
const subtitle = document.querySelector(".subtitle");
const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
const subtitles = [
"React",
"HTTPS",
"Google Pay",
"WordPress",
"JavaScript",
"Shopify",
"Vue JS",
"TYPO3",
"CentOS",
"PrestaShop",
"Bunny CDN",
"Apple Pay",
];
const showSubtitles = () => (async () => {
for (let i = 0; i < subtitles.length; i++) {
subtitle.innerText = subtitles[i];
subtitle.classList.add("fadeIn");
await delay(5000);
subtitle.classList.add("fadeOut");
await delay(2300);
subtitle.classList.remove("fadeIn");
subtitle.classList.remove("fadeOut");
}
showSubtitles();
})();
showSubtitles();
</script>
</div>
</header>
<style>
.search-container {
display: flex;
flex-direction: column;
align-items: center;
margin: 1rem 0;
}
@media (min-width: 450px) {
.search-container {
margin: 3rem auto;
width: 100%;
max-width: 600px;
display: block;
}
}
.search-bar {
display: flex;
color: white;
background-color: var(--color4);
border-radius: 0.4rem;
width: 80%;
padding: 0.3rem;
}
@media (min-width: 450px) {
.search-bar {
background: linear-gradient(0.25turn, var(--color4), var(--color1));
box-sizing: border-box;
width: 100%;
}
}
.search-bar:focus-within {
outline: -webkit-focus-ring-color auto 1px;
}
.search-bar input {
border: none;
outline: none;
font-size: 1rem;
background-color: transparent;
width: 100%;
}
.search-bar svg {
margin-right: 0.3rem;
}
.search-results {
display: none;
width: 78%;
background-color: var(--color4);
padding: 1rem 0.4rem;
z-index: 2;
margin: -2px 0 0 0;
}
@media (min-width: 450px) {
.search-results {
position: absolute;
background: linear-gradient(0.25turn, var(--color4), var(--color1));
background-color: var(--color1);
box-sizing: border-box;
border-radius: 0 0 0 0.2rem;
width: 100%;
overflow-y: scroll;
scrollbar-width: thin;
max-height: 55vh;
max-width: 598px;
margin: -5px 2px 0 1px;
padding-bottom: 1rem;
}
}
.search-results li {
margin-bottom: 0.8rem;
border-bottom: 1px solid var(--color3);
}
@media (min-width: 450px) {
.search-results li {
margin: 1rem 2rem;
}
}
</style>
<div class="search-container">
<div class="search-bar" tabindex="0">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
<input tabindex="-1" id="search-input" placeholder="search" autocomplete="off">
</div>
<div class="search-results"></div>
</div>
<style>
.index-description {
margin: 2rem 0.2rem 0.5rem;
}
@media (min-width: 450px) {
.index-description {
margin-left: 6.3rem;
}
}
.category-cards-container {
margin-top: 0;
}
.category-card {
border: 1px solid var(--color4);
background-color: var(--color3);
border-radius: 0.2rem;
padding: 0.5rem 0.7rem 0.7rem;
margin-bottom: 1.5rem;
}
.category-card h2 {
font-size: 1.2rem;
margin: 0.2rem 0 0.4rem;
}
.category-card ul {
margin: 0;
}
.category-card li {
margin-top: 0.5rem;
}
.category-card .see-more {
display: flex;
justify-content: end;
margin: 0.2rem 0.4rem;
}
@media (min-width: 450px) {
.category-cards-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.category-card {
margin: 0.2rem 0.2rem;
min-width: 280px;
}
}
</style>
<p class="index-description">
Technologies used on the internet, with website examples
</p>
<div class="category-cards-container">
<section class="category-card">
<a href="/api-gateways/"><h2>API Gateways</h2></a>
<ul><li>
<a href="/apisix/">APISIX</a>
</li><li>
<a href="/microsoft-azure-application-gateway/">Microsoft Azure Application Gateway</a>
</li></ul></section><section class="category-card">
<a href="/blogging-platforms/"><h2>Blogging Platforms</h2></a>
<ul><li>
<a href="/bear/">Bear</a>
</li><li>
<a href="/blogger/">Blogger</a>
</li></ul>
<div class="see-more">
<a href="/blogging-platforms/">more..</a>
</div></section><section class="category-card">
<a href="/cloud-computing-services/"><h2>Cloud Computing Services</h2></a>
<ul><li>
<a href="/amazon-web-services/">Amazon Web Services</a>
</li></ul></section><section class="category-card">
<a href="/cloud-object-storage/"><h2>Cloud Object Storage</h2></a>
<ul><li>
<a href="/tencent-cos/">Tencent COS</a>
</li></ul></section><section class="category-card">
<a href="/cloud-solutions/"><h2>Cloud Solutions</h2></a>
<ul><li>
<a href="/atlassian-edge/">Atlassian Edge</a>
</li><li>
<a href="/datenstrom/">Datenstrom</a>
</li></ul>
<div class="see-more">
<a href="/cloud-solutions/">more..</a>
</div></section><section class="category-card">
<a href="/content-delivery-networks/"><h2>Content Delivery Networks</h2></a>
<ul><li>
<a href="/akamai/">Akamai</a>
</li><li>
<a href="/bunny-cdn/">Bunny CDN</a>
</li></ul>
<div class="see-more">
<a href="/content-delivery-networks/">more..</a>
</div></section><section class="category-card">
<a href="/content-experience-platforms/"><h2>Content Experience Platforms</h2></a>
<ul><li>
<a href="/ring-publishing/">Ring Publishing</a>
</li></ul></section><section class="category-card">
<a href="/content-management-systems/"><h2>Content Management Systems</h2></a>
<ul><li>
<a href="/adobe-experience-manager/">Adobe Experience Manager</a>
</li><li>
<a href="/brightspot/">Brightspot</a>
</li></ul>
<div class="see-more">
<a href="/content-management-systems/">more..</a>
</div></section><section class="category-card">
<a href="/e-commerce-platforms/"><h2>E-Commerce Platforms</h2></a>
<ul><li>
<a href="/bigcommerce/">BigCommerce</a>
</li><li>
<a href="/craft-commerce/">Craft Commerce</a>
</li></ul>
<div class="see-more">
<a href="/e-commerce-platforms/">more..</a>
</div></section><section class="category-card">
<a href="/encryption/"><h2>Encryption</h2></a>
<ul><li>
<a href="/openssl/">OpenSSL</a>
</li></ul></section><section class="category-card">
<a href="/firewalls/"><h2>Firewalls</h2></a>
<ul><li>
<a href="/baidu-waf/">Baidu WAF</a>
</li><li>
<a href="/cloud-waf/">Cloud WAF</a>
</li></ul>
<div class="see-more">
<a href="/firewalls/">more..</a>
</div></section><section class="category-card">
<a href="/frameworks/"><h2>Frameworks</h2></a>
<ul><li>
<a href="/alpine-js/">Alpine JS</a>
</li><li>
<a href="/angular/">Angular</a>
</li></ul>
<div class="see-more">
<a href="/frameworks/">more..</a>
</div></section><section class="category-card">
<a href="/libraries/"><h2>Libraries</h2></a>
<ul><li>
<a href="/animate-on-scroll/">Animate On Scroll</a>
</li><li>
<a href="/anime-js/">Anime JS</a>
</li></ul>
<div class="see-more">
<a href="/libraries/">more..</a>
</div></section><section class="category-card">
<a href="/open-source-solutions/"><h2>Open Source Solutions</h2></a>
<ul><li>
<a href="/oracle-linux/">Oracle Linux</a>
</li><li>
<a href="/red-hat/">Red Hat</a>
</li></ul></section><section class="category-card">
<a href="/operating-systems/"><h2>Operating Systems</h2></a>
<ul><li>
<a href="/almalinux/">AlmaLinux</a>
</li><li>
<a href="/centos/">CentOS</a>
</li></ul>
<div class="see-more">
<a href="/operating-systems/">more..</a>
</div></section><section class="category-card">
<a href="/payment-methods/"><h2>Payment Methods</h2></a>
<ul><li>
<a href="/afterpay/">Afterpay</a>
</li><li>
<a href="/amazon-pay/">Amazon Pay</a>
</li></ul>
<div class="see-more">
<a href="/payment-methods/">more..</a>
</div></section><section class="category-card">
<a href="/plugins/"><h2>Plugins</h2></a>
<ul><li>
<a href="/seomatic/">SEOmatic</a>
</li><li>
<a href="/w3-total-cache/">W3 Total Cache</a>
</li></ul>
<div class="see-more">
<a href="/plugins/">more..</a>
</div></section><section class="category-card">
<a href="/programming-languages/"><h2>Programming Languages</h2></a>
<ul><li>
<a href="/go/">Go</a>
</li><li>
<a href="/java/">Java</a>
</li></ul>
<div class="see-more">
<a href="/programming-languages/">more..</a>
</div></section><section class="category-card">
<a href="/protocols/"><h2>Protocols</h2></a>
<ul><li>
<a href="/http/">HTTP</a>
</li><li>
<a href="/https/">HTTPS</a>
</li></ul></section><section class="category-card">
<a href="/runtime-environments/"><h2>Runtime Environments</h2></a>
<ul><li>
<a href="/node-js/">Node JS</a>
</li></ul></section><section class="category-card">
<a href="/scripts/"><h2>Scripts</h2></a>
<ul><li>
<a href="/easyengine/">EasyEngine</a>
</li><li>
<a href="/wordops/">WordOps</a>
</li></ul></section><section class="category-card">
<a href="/server-management/"><h2>Server Management</h2></a>
<ul><li>
<a href="/cpanel/">cPanel</a>
</li></ul></section><section class="category-card">
<a href="/servers/"><h2>Servers</h2></a>
<ul><li>
<a href="/apache/">Apache</a>
</li><li>
<a href="/apache-traffic-server/">Apache Traffic Server</a>
</li></ul>
<div class="see-more">
<a href="/servers/">more..</a>
</div></section><section class="category-card">
<a href="/social-networking-services/"><h2>Social Networking Services</h2></a>
<ul><li>
<a href="/mastodon/">Mastodon</a>
</li></ul></section><section class="category-card">
<a href="/tag-management/"><h2>Tag Management</h2></a>
<ul><li>
<a href="/google-tag-manager/">Google Tag Manager</a>
</li></ul></section><section class="category-card">
<a href="/web-hosting/"><h2>Web Hosting</h2></a>
<ul><li>
<a href="/digitalproserver/">Digitalproserver</a>
</li><li>
<a href="/flywheel/">Flywheel</a>
</li></ul>
<div class="see-more">
<a href="/web-hosting/">more..</a>
</div></section><section class="category-card">
<a href="/website-builders/"><h2>Website Builders</h2></a>
<ul><li>
<a href="/elementor/">Elementor</a>
</li><li>
<a href="/framer/">Framer</a>
</li></ul>
<div class="see-more">
<a href="/website-builders/">more..</a>
</div></section></div>
</main>
<style>
.index-footer {
grid-area: footer;
}
footer nav {
margin: 7vh 0 9vh;
text-align: center;
}
footer nav a {
display: block;
margin-bottom: 1rem;
}
@media (min-width: 450px) {
footer nav {
margin: 7vh 0 14vh;
}
footer nav a {
display: inline;
margin-right: 1.5rem;
}
}
</style>
<footer class="index-footer">
<nav>
<a href="/about">About</a>
<a href="/contact">Contact</a>
<a href="/privacy-policy">Privacy Policy</a>
</nav>
</footer>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d94a97dc8263850',t:'MTczMDA1MjgyOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
</body></html>