- スキャンID：
- ff34cebc-9124-4513-bcc0-480e752b90da終了
- 送信済みURL：
- https://whatwebsitesuse.com/
- レポート終了日：
リンク · 0件検出
ページから特定された発信リンク
JavaScript変数 · 5件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
| 名前 | 規模 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| allReports | object |
コンソールログメッセージ · 1件検出
Webコンソールにログ記録されたメッセージ
| 規模 | 分類 | ログ |
|---|---|---|
| log | other |
|
HTML
未加工のHTMLページ本文
<!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>