- 제출된 URL:
- https://tooliotools.xyz/
- 보고서 완료:
링크 · 7개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://toolio.rf.gd/forum?type=request | Tool Request |
| https://toolio.rf.gd/forum?type=bug | Bug Report |
| https://toolio.rf.gd/forum?type=others | Normal Forum |
| https://example.com | Events |
| https://discord.com | Discord |
| https://linkedin.com | |
| https://twitter.com |
JavaScript 변수 · 32개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __cfQR | object |
| __cfBeacon | object |
| __cfRLUnblockHandlers | boolean |
| createResizeHandles | function |
| onResizeMouseDown | function |
| onResizeMouseMove | function |
콘솔 로그 메시지 · 3개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
| error | other |
|
| log | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toolio - Tools Hub</title>
<meta name="description" content="Discover Toolio - your ultimate hub for online tools. Access wide range of services including web tools and generator tools, all without login, ads, or costs.">
<meta name="keywords" content="online tools, free tools, no login tools, tools, SEO tools, paraphrase tool, AI tools, Toolio, tool hub, web tools, Toolio Tools, tooliotools">
<meta name="author" content="Toolio">
<meta property="og:title" content="Toolio - Free Online Tools Hub">
<meta property="og:description" content="Access a variety of free online tools at Toolio, Web tools, Generator tools, Finance and more. No login, no ads, just fast and easy-to-use web tools.">
<meta property="og:image" content="https://tooliotools.xyz/assets/png/og_logo_low.png">
<meta property="og:url" content="https://tooliotools.xyz">
<link rel="apple-touch-icon" sizes="180x180" href="https://tooliotools.xyz/assets/png/og_logo_low.png">
<style>
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
:root {
--primary-gradient: linear-gradient(135deg, #4D0088, #000);
--card-gradient: linear-gradient(160deg, #4b0082, #380062);
--hover-gradient: linear-gradient(160deg, #5c009f, #4b0082);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
margin: 0;
font-family: 'Segoe UI', Arial, sans-serif;
background: var(--primary-gradient);
color: #fff;
overflow-x: hidden;
min-height: 100vh;-webkit-tap-highlight-color: transparent;
}
.container {
padding: 20px;
text-align: center;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
header h1 {
font-size: 4em;
margin: 20px 0;
background: linear-gradient(45deg, #fff, #e0b0ff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 15px rgba(255,255,255,0.1);
}
.intro {
margin: 40px 0;
}
.intro h2 {
font-size: 2.2em;
margin-bottom: 20px;
}
.intro p {
font-size: 1.2em;
line-height: 1.6;
color: rgba(255,255,255,0.9);
margin: 10px 0;
}
.search {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin: 30px 0;
}
#searchBar {
width: 70%;
padding: 15px 25px;
font-size: 1.1em;
border: 2px solid rgba(255,255,255,0.1);
border-radius: 30px;
background: rgba(255,255,255,0.05);
color: #fff;
transition: all 0.3s ease;
}
#searchBar:focus {
outline: none;
border-color: rgba(255,255,255,0.2);
box-shadow: 0 0 20px rgba(75,0,130,0.2);
}
#filterButton {
background: rgba(255,255,255,0.1);
border: none;
border-radius: 50%;
width: 45px;
height: 45px;
color: #fff;
font-size: 1.2em;
cursor: pointer;
transition: all 0.3s ease;
}
#filterButton:hover {
background: rgba(255,255,255,0.2);
transform: rotate(180deg);
}
.tools {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
padding: 20px;
}
.tool {
background: var(--card-gradient);
border-radius: 15px;
padding: 25px;
position: relative;
transition: transform 0.3s ease, opacity 0.3s ease;
opacity: 0;
transform: translateY(20px);
border: 1px solid rgba(255,255,255,0.1);
}
.tool.show {
opacity: 1;
transform: translateY(0);
}
.tool:hover {
transform: translateY(-5px);
}
.tool a {
color: #fff;
text-decoration: none;
display: block;
}
.tool h3 {
font-size: 1.4em;
margin-bottom: 15px;
}
.tool p {
color: rgba(255,255,255,0.8);
line-height: 1.5;
}
.filter-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.95);
border-radius: 15px;
padding: 25px;
width: 90%;
max-width: 350px;
max-height: 60vh;
overflow-y: auto;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1000;
border: 1px solid rgba(255,255,255,0.1);
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
/* For all browsers */
.filter-popup {
overflow: auto;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
position: relative; /* Required for absolute positioning of pseudo-elements */
}
/* For WebKit browsers */
.filter-popup::-webkit-scrollbar {
width: 8px;
height: 8px;
background: transparent;
}
/* Track */
.filter-popup::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
.filter-popup::-webkit-scrollbar-thumb {
background: purple;
border-radius: 4px;
transition: opacity 0.3s;
opacity: 0;
}
/* Handle on hover */
.filter-popup:hover::-webkit-scrollbar-thumb {
opacity: 1;
}
.filter-popup .close-btn {
position: auto;
top: 15px;
right: 15px;
background: transparent;
border: 1px solid #fff;
color: #fff;
font-size: 1.5em;
cursor: pointer;
padding: 5px;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: rotate(90deg);
}
.filter-popup .close-btn:hover {
background: #fff;
color: #000;
transform: rotate(90deg) scale(1.2);
}
#filterSearchBar {
width: 100%;
padding: 12px;
margin-bottom: 20px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 8px;
color: #fff;
}
.filter-group {
display: flex;
align-items: center;
margin: 12px 0;
padding: 8px;
border-radius: 8px;
transition: background 0.3s ease;
}
.filter-group:hover {
background: rgba(255,255,255,0.05);
}
.filter-group input[type="checkbox"] {
margin-right: 12px;
width: 18px;
height: 18px;
cursor: pointer;
}
.filter-group label {
color: rgba(255,255,255,0.9);
cursor: pointer;
}
#applyFilters {
width: 100%;
padding: 12px;
margin-top: 20px;
background: var(--card-gradient);
border: none;
border-radius: 8px;
color: #fff;
font-size: 1.1em;
cursor: pointer;
transition: all 0.3s ease;
}
#applyFilters:hover {
background: var(--hover-gradient);
transform: translateY(-2px);
}
.new-badge, .hot-badge {
position: absolute;
top: 10px;
right: 10px;
padding: 5px 12px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
z-index: 1;
}
.new-badge {
background: linear-gradient(45deg, #FF1493, #FF69B4);
color: white;
}
.hot-badge {
background: linear-gradient(45deg, #001493, #0066FF);
color: white;
}
.quick-links {
position: fixed;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 100;
}
.quick-links a {
color: rgba(255,255,255,0.7);
text-decoration: none;
padding: 8px 12px;
background: rgba(75, 0, 130, 0.98);
border-radius: 20px;
font-size: 0.9em;
transition: all 0.3s ease;
}
.quick-links a:hover {
color: #fff;
background: linear-gradient(to right, rgba(75, 0, 130, 0.98), rgba(65, 53, 152));
transform: translateY(-2px);
}
</style>
<style>
.filter-popup {
position: absolute;
overflow: auto;
user-select: none; /* Prevent text selection during drag */
}
.resize-handle {
position: absolute;
background: transparent;
z-index: 10; /* Ensure resize handles are above content */
}
.resize-top, .resize-bottom {
left: 0;
right: 0;
height: 10px;
cursor: ns-resize;
}
.resize-top { top: 0; }
.resize-bottom { bottom: 0; }
.popup-content.compact {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 0.8em;
text-align: center;
}
</style><style>
.footer {
background-color: #000000;
color: #ffffff;
padding: 40px 0;
margin-top: auto;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-section {
flex: 1;
margin: 0 20px;
min-width: 200px;
}
.footer-section h3 {
color: #9370DB;
margin-bottom: 20px;
font-size: 1.2em;
}
.footer-section ul {
list-style-type: none;
padding: 0;
}
.footer-section ul li {
margin-bottom: 10px;
}
.footer-section a {
color: #ffffff;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-section a:hover {
color: #9370DB;
}
.social-icons a {
display: inline-block;
margin-right: 15px;
font-size: 24px;
}
.newsletter-form input[type="email"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: none;
background-color: #333;
color: #fff;
}
.newsletter-form button {
background-color: #9370DB;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.newsletter-form button:hover {
background-color: #8A2BE2;
}
.copyright {
text-align: center;
padding-top: 20px;
margin-top: 40px;
border-top: 1px solid #333;
}
/* Mobile Styles */
@media screen and (max-width: 768px) {
.footer {
padding: 20px 0;
}
.footer-content {
flex-direction: column;
}
.footer-section {
margin: 0 10px 20px;
min-width: unset;
}
.footer-section h3 {
font-size: 1em;
margin-bottom: 10px;
}
.footer-section ul li {
margin-bottom: 5px;
}
.footer-section a, .footer-section p {
font-size: 0.9em;
}
.social-icons a {
font-size: 20px;
margin-right: 10px;
}
.newsletter-form input[type="email"], .newsletter-form button {
padding: 8px;
font-size: 0.9em;
}
.copyright {
margin-top: 20px;
padding-top: 10px;
font-size: 0.8em;
}
}
</style><style>
:root {
--toolio-primary-color: #000000;
--toolio-secondary-color: #4B0082;
--toolio-text-color: #ffffff;
--toolio-hover-color: #8A2BE2;
--toolio-transition-speed: 0.3s;
--toolio-navbar-height: 60px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.toolio-navbar {
background-color: var(--toolio-primary-color);
padding: 0.5rem 2rem;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 9999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
font-family: 'Roboto', sans-serif;
height: var(--toolio-navbar-height);
}
.toolio-nav-container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
height: 100%;
}
.toolio-logo {
font-size: 1.8rem;
font-weight: bold;
color: var(--toolio-text-color);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
transition: color var(--toolio-transition-speed);
}
.toolio-logo:hover {
color: var(--toolio-hover-color);
}
.toolio-nav-links {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.toolio-nav-item {
position: relative;
margin-left: 1.5rem;
}
.toolio-nav-link {
color: var(--toolio-text-color);
text-decoration: none;
font-size: 1rem;
transition: color var(--toolio-transition-speed);
padding: 0.5rem 0;
}
.toolio-nav-link:hover {
color: var(--toolio-hover-color);
}
.toolio-dropdown-content {
display: none;
position: absolute;
background-color: var(--toolio-primary-color);
min-width: 180px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1;
border-radius: 4px;
overflow: hidden;
top: calc(100% + 0.5rem);
left: 0;
}
.toolio-dropdown-content a {
color: var(--toolio-text-color);
padding: 12px 16px;
text-decoration: none;
display: block;
transition: background-color var(--toolio-transition-speed);
}
.toolio-dropdown-content a:hover {
background-color: var(--toolio-secondary-color);
}
.toolio-nav-item:hover .toolio-dropdown-content {
display: block;
}
.toolio-user-section {
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.toolio-user-icon {
width: 24px;
height: 24px;
margin-right: 0.3rem;
flex-shrink: 0;
}
.toolio-unique-id {
color: var(--toolio-text-color);
font-size: 0.9rem;
overflow: hidden;
white-space: nowrap;
max-width: 100px; /* Adjusted for better fit */
}
.toolio-menu-toggle {
display: none;
background: none;
border: none;
color: var(--toolio-text-color);
font-size: 1.5rem;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.toolio-menu-toggle {
display: block;
}
.toolio-nav-links {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: var(--toolio-primary-color);
padding: 1rem;
}
.toolio-nav-links.active {
display: flex;
}
.toolio-nav-item {
margin: 0.5rem 0;
}
.toolio-dropdown-content {
position: static;
background-color: rgba(255, 255, 255, 0.05);
box-shadow: none;
}
.toolio-dropdown-content a {
padding-left: 1rem;
}
.toolio-user-section {
max-width: 120px;
}
}
</style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></head>
<body style="min-height: 100vh; display: flex; flex-direction: column; padding-top: var(--toolio-navbar-height);"><div id="toolio-content-wrapper" style="margin-top: var(--toolio-navbar-height); position: relative; z-index: 1;"><nav class="toolio-navbar">
<div class="toolio-nav-container">
<a href="/#" class="toolio-logo">Toolio</a>
<button class="toolio-menu-toggle" id="toolioMenuToggle">
<i class="fas fa-bars"></i>
</button>
<ul class="toolio-nav-links" id="toolioNavLinks">
<li class="toolio-nav-item">
<a href="#" class="toolio-nav-link">About Us</a>
<div class="toolio-dropdown-content">
<a href="https://tooliotools.xyz">Home</a>
<a href="https://tooliotools.xyz/s/faq">FAQ</a>
<a href="https://tooliotools.xyz/s/contact">Contact</a>
<a href="https://tooliotools.xyz/s/information">Information</a>
</div>
</li>
<li class="toolio-nav-item">
<a href="#" class="toolio-nav-link">Forum</a>
<div class="toolio-dropdown-content">
<a href="https://toolio.rf.gd/forum?type=request">Tool Request</a>
<a href="https://toolio.rf.gd/forum?type=bug">Bug Report</a>
<a href="https://toolio.rf.gd/forum?type=others">Normal Forum</a>
</div>
</li>
<li class="toolio-nav-item">
<a href="#" class="toolio-nav-link">Important</a>
<div class="toolio-dropdown-content">
<a href="https://tooliotools.xyz/s/termsofservice">Terms of Service</a>
<a href="https://tooliotools.xyz/s/privacypolicy">Privacy Policy</a>
</div>
</li>
</ul>
<div class="toolio-user-section">
<img src="https://static.tooliotools.xyz/logos/webp+jpg+jpeg/usericon.webp" alt="User Icon" class="toolio-user-icon">
<span class="toolio-unique-id" id="toolioUniqueIdDisplay" style="font-size: 0.9rem; max-width: none;"></span>
</div>
</div>
</nav>
<div class="container">
<header>
<h1>Toolio</h1>
</header>
<section class="intro">
<h2>No Login, Fast, No Ads & Free</h2>
<p>Welcome to Toolio - Your Ultimate Tools Hub.</p>
<p>Discover a wide range of easy-to-use online tools designed to enhance your internet experience.<br>
Enjoy fast access, no login requirements, and an ad-free environment for seamless browsing.</p>
</section>
<section class="search">
<input type="text" id="searchBar" placeholder="Search for tools...">
<button id="filterButton"><i class="fas fa-filter"></i></button>
</section>
<div id="filterForm" class="filter-popup" style="cursor: default; position: absolute;">
<button class="close-btn">×</button>
<input type="text" id="filterSearchBar" placeholder="Search filters...">
<div id="filterBox"></div>
<button id="applyFilters">Apply Filters</button>
<div class="resize-handle resize-top"></div><div class="resize-handle resize-bottom"></div></div>
<section class="tools" id="tools"><div class="tool show" data-tool="1"><div class="hot-badge">HOT</div><a href="/tools/textseperator"><h3>File Seperator</h3><p>Effortlessly separate large text files into multiple manageable parts for easier handling and processing.</p></a></div></section>
</div>
<nav class="quick-links">
<a href="https://example.com">Events</a>
<a href="https://tooliotools.xyz/changelog">New Changes</a>
</nav>
<script src="script.js" type="text/javascript"></script>
<script src="https://static.tooliotools.xyz/elementsjs/preload.js" defer="" type="text/javascript"></script>
<script src="https://static.tooliotools.xyz/elementsjs/request.js" defer="" type="text/javascript"></script>
<script async="" src="https://static.tooliotools.xyz/elementsjs/navbar.js" type="text/javascript"></script>
<script src="https://static.tooliotools.xyz/elementsjs/tosagreementpop.js" defer="" type="text/javascript"></script>
<script async="" src="https://static.tooliotools.xyz/elementsjs/footer.js" type="text/javascript"></script>
<script async="" src="tsar2subscribe.js" type="text/javascript"></script>
<script async="" src="tast.js" type="text/javascript"></script>
<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:'8f68ce6ecc042165',t:'MTczNDk2MTY3Ni4wMDAwMDA='};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><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8f68ce6ecc042165","version":"2024.10.5","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"9c5843105a4242448493965e168dbb96","b":1}" crossorigin="anonymous"></script>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Legal</h3>
<ul>
<li><a href="terms.html">Terms of Service</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="cookies.html">Cookies Policy</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Connect With Us</h3>
<div class="social-icons">
<a href="https://discord.com" target="_blank">Discord</a>
<a href="https://linkedin.com" target="_blank">LinkedIn</a>
<a href="https://twitter.com" target="_blank">Twitter</a>
</div>
</div>
<div class="footer-section">
<h3>Subscribe to Newsletter</h3>
<form class="newsletter-form" id="newsletterForm">
<input type="email" id="subscribeEmail" placeholder="Enter your email" required="">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="copyright">
<p>© 2024 Toolio. All rights reserved.</p>
</div>
</footer></div><div style="position: fixed; top: 0px; left: 0px; width: 100%; height: 3px; background: transparent; z-index: 99999; display: none;"><div style="height: 100%; width: 0%; background: rgb(104, 61, 204); transition: width 0.2s ease-out 0s;"></div></div><div style="position: fixed; top: 0px; left: 0px; width: 120%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999;"><div style="background-color: black; padding: 20px; border-radius: 5px; text-align: center; width: auto; max-width: 440px;">
<h2 style="color: white;">Cookies & Policies</h2>
<p style="color: white;">We use cookies to improve your experience. By continuing to use our site, you accept our <br> <a href="terms" target="_blank" style="color: #8A2BE2;">Terms of Service</a> and <a href="privacy" target="_blank" style="color: #8A2BE2;">Privacy Policy</a>
</p>
<p> Choose how we use cookies: </p>
<button id="acceptAllButton" style="background-color: #8A2BE2; color: white; border: none; padding: 11px 21px; cursor: pointer; margin-top: 10px;">Accept All Cookies</button>
<br>
<button id="acceptEssentialsButton" style="background-color: #62566D; color: white; border: none; padding: 10px 20px; cursor: pointer; margin-top: 10px;">Accept Essentials</button>
</div></div></body></html>