- 제출된 URL:
- https://ytch.xyz/
- 보고서 완료:
링크 · 2개 결과
페이지에서 식별된 외부 링크
링크 | 텍스트 |
---|---|
https://www.buymeacoffee.com/hadisafa | Buy Me a Coffee |
https://www.patreon.com/hadisafa | Patreon |
JavaScript 변수 · 49개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름 | 유형 |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
gtag | function |
dataLayer | object |
google_tag_manager | object |
google_tag_data | object |
onYouTubeIframeAPIReady | function |
gaGlobal | object |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
유형 | 카테고리 | 로그 |
---|---|---|
warning | other |
|
error | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<!-- Google tag (gtag.js) -->
<script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/d2e656ee/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-2582CWYFEE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-2582CWYFEE');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YTCH</title>
<meta name="description" content="If Youtube had actual channels.">
<link rel="stylesheet" href="style.css?v=2024.9.20.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&display=swap">
<link rel="icon" type="image/x-icon" href="favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
</head>
<body>
<iframe id="player" frameborder="0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Why Does Every Animal Look Like This?" width="800" height="1800" src="https://www.youtube.com/embed/?playsinline=1&disablekb=1&enablejsapi=1&iv_load_policy=3&cc_load_policy=1&controls=0&rel=0&autoplay=1&mute=1&origin=https%3A%2F%2Fytch.xyz&widgetid=1"></iframe>
<div class="static-noise" style="opacity: 0;"></div>
<div class="power-screen"></div>
<div class="smpte" style="opacity: 0;">
<div class="bar bar-1"></div>
<div class="bar bar-2"></div>
<div class="bar bar-3"></div>
<div class="bar bar-4"></div>
<div class="bar bar-5"></div>
<div class="bar bar-6"></div>
<div class="bar bar-7"></div>
</div>
<div class="volume-steps">
<div class="wrapper">
<div class="text">volume</div>
<div class="steps">
</div>
</div>
</div>
<div class="info">
<div class="bg"></div>
<div class="wrapper">
<div class="close" onclick="toggleInfo()"><img src="icons/x.svg"></div>
<div class="content">
<div class="section">
<div class="title">Settings</div>
<div class="settings-item" onclick="toggleDisplayChannelName()">
<input type="checkbox" name="display-channel-name" class="checkbox" id="display-channel-name-checkbox">
<label for="display-channel-name">show channel name</label>
<label for="display-channel-name" class="switch">
<div class="k"></div>
</label>
</div>
<div class="settings-item" onclick="toggleShowCaptions()">
<input type="checkbox" name="show-captions" class="checkbox" id="show-captions-checkbox">
<label for="show-captions">show captions</label>
<label for="show-captions" class="switch">
<div class="k"></div>
</label>
</div>
</div>
<div class="section">
<div class="title">Contact</div>
<div class="text">[email protected]</div>
</div>
<div class="section">
<div class="title">Support</div>
<div class="text">
<a href="https://www.buymeacoffee.com/hadisafa">Buy Me a Coffee</a>
<a href="https://www.patreon.com/hadisafa">Patreon</a>
</div>
</div>
</div>
</div>
</div>
<div class="guide">
<div class="bg"></div>
<div class="wrapper">
<div class="close" onclick="toggleGuide()"><img src="icons/x.svg"></div>
<div class="content"><div class="item"> <div class="name">channel 01</div><div class="value">Science & Technology</div></div><div class="item"> <div class="name">channel 02</div><div class="value">Travel & Events</div></div><div class="item"> <div class="name">channel 03</div><div class="value">Food</div></div><div class="item"> <div class="name">channel 04</div><div class="value">Architecture & Interiors</div></div><div class="item"> <div class="name">channel 05</div><div class="value">Film & Animation</div></div><div class="item"> <div class="name">channel 06</div><div class="value">Documentaries</div></div><div class="item"> <div class="name">channel 07</div><div class="value">Comedy</div></div><div class="item"> <div class="name">channel 08</div><div class="value">Music</div></div><div class="item"> <div class="name">channel 09</div><div class="value">Autos & Vehicles</div></div><div class="item"> <div class="name">channel 10</div><div class="value">News & Politics</div></div><div class="item"> <div class="name">channel 11</div><div class="value">UFC</div></div><div class="item"> <div class="name">channel 12</div><div class="value">Podcasts & Interviews</div></div><div class="item"> <div class="name">channel 13</div><div class="value">Gaming</div></div><div class="item"> <div class="name">channel 14</div><div class="value">Literature</div></div><div class="item"> <div class="name">channel 15</div><div class="value">Cooking</div></div><div class="item"> <div class="name">channel 16</div><div class="value">Short Films</div></div><div class="item"> <div class="name">channel 17</div><div class="value">Game Shows</div></div><div class="item"> <div class="name">channel 18</div><div class="value">Cartoons</div></div><div class="item"> <div class="name">channel 19</div><div class="value">Baseball</div></div><div class="item"> <div class="name">channel 20</div><div class="value">Product Reviews</div></div><div class="item"> <div class="name">channel 21</div><div class="value">Workshop</div></div><div class="item"> <div class="name">channel 22</div><div class="value">Fashion</div></div><div class="item"> <div class="name">channel 23</div><div class="value">Chess</div></div><div class="item"> <div class="name">channel 24</div><div class="value">Video Essays</div></div><div class="item"> <div class="name">channel 25</div><div class="value">Nature & Wildlife</div></div><div class="item"> <div class="name">channel 26</div><div class="value">Soccer</div></div><div class="item"> <div class="name">channel 27</div><div class="value">True Crime</div></div><div class="item"> <div class="name">channel 28</div><div class="value">Classical Music</div></div><div class="item"> <div class="name">channel 29</div><div class="value">Horror</div></div><div class="item"> <div class="name">channel 30</div><div class="value">Economics & Finance</div></div><div class="item"> <div class="name">channel 31</div><div class="value">Health & Fitness</div></div><div class="item"> <div class="name">channel 32</div><div class="value">Movie Trailers</div></div><div class="item"> <div class="name">channel 33</div><div class="value">Vlogs</div></div><div class="item"> <div class="name">channel 34</div><div class="value">Camping & Outdoors</div></div></div>
</div>
</div>
<div class="control" style="display: flex;">
<div class="t-1" style="animation: 2s ease 0s 1 normal none running swipeControl;">
<div class="wrapper w">
<div class="button min power-button" onclick="togglePower()"><img src="icons/power.svg"></div>
<div class="button min" onclick="toggleGuide()"><img src="icons/book-open.svg"><span class="notify notify-new-channel" style="display: block;"></span></div>
<div class="button" onclick="toggleControl()"><img class="minimizeImg" src="icons/minimize-2.svg"></div>
</div>
<div class="wrapper w">
<div class="long-button">
<div class="button min" onclick="changeVolume(5)"><img src="icons/plus.svg"></div>
<div class="button min" onclick="changeVolume(-5)"><img src="icons/minus.svg"></div>
</div>
<div class="middle-buttons">
<div class="button min" onclick="toggleMute()"><img class="muteIcon" src="icons/volume-x.svg">
</div>
<div class="button min" onclick="toggleInfo()"><img src="icons/settings.svg"></div>
</div>
<div class="long-button">
<div class="button min" onclick="switchChannel(1)"><img src="icons/chevron-up.svg"></div>
<div class="button min" onclick="switchChannel(-1)"><img src="icons/chevron-down.svg"></div>
</div>
</div>
<div class="wrapper">
<div class="videoIdElement min">
<div class="text">COPY URL</div>
</div>
<div class="button min" onclick="toggleFullScreen()"><img class="full-screen-icon" src="icons/maximize.svg">
</div>
</div>
</div>
<div class="t-2" style="animation: 2s ease 0s 1 normal none running swipeControl;">
<div class="wrapper">
<div class="button" onclick="numberInput(1)">1</div>
<div class="button" onclick="numberInput(2)">2</div>
<div class="button" onclick="numberInput(3)">3</div>
</div>
<div class="wrapper">
<div class="button" onclick="numberInput(4)">4</div>
<div class="button" onclick="numberInput(5)">5</div>
<div class="button" onclick="numberInput(6)">6</div>
</div>
<div class="wrapper">
<div class="button" onclick="numberInput(7)">7</div>
<div class="button" onclick="numberInput(8)">8</div>
<div class="button" onclick="numberInput(9)">9</div>
</div>
<div class="wrapper">
<div class="button" onclick="recallChannel()"><img src="icons/corner-up-left.svg"></div>
<div class="button" onclick="numberInput(0)">0</div>
<div class="button" onclick="goToChannel()"><img src="icons/corner-up-right.svg"></div>
</div>
</div>
</div>
<div class="channel-name" style="opacity: 1;">CH 01</div>
<script src="main.js?v=2024.9.21.2"></script>
</body></html>