https://habitwheel.heytcm.com/

掃描 ID：: f9df99fe-4e7d-471f-a3f4-6bb1d857c95e已完成
已提交的 URL：: https://habitwheel.heytcm.com/
報告完成時間：: 2024年12月22日 22:59:24

連結 · 找到 0 個

從頁面中識別的傳出連結

JavaScript 變數 · 找到 13 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取

名稱	類型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
gtag	function
dataLayer	object
clarity	function
google_tag_manager	object
google_tag_data	object
GoogleAnalyticsObject	string
ga	function

主控台記錄訊息 · 找到 1 條

記錄到 Web 主控台的訊息

類型	類別	記錄
error	network	URL https://www.yourwebsite.com/favicon.ico Text Failed to load resource: net::ERR_CONNECTION_CLOSED

HTML

頁面的原始 HTML 主體

<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO Meta Tags -->
  <meta name="description" content="A mobile simulator designed to demonstrate mobile interface design.">
  <meta name="keywords" content="mobile, simulator, mobile design, mobile app">
  <meta name="author" content="Your Name or Company">
  <meta http-equiv="Content-Language" content="en">

  <!-- Canonical Link -->
  <link rel="canonical" href="https://www.yourwebsite.com/pc-simulator">

  <!-- Open Graph for Social Media -->
  <meta property="og:title" content="PC Simulator">
  <meta property="og:description" content="A mobile simulator designed to demonstrate mobile interface design.">
  <meta property="og:image" content="https://www.yourwebsite.com/pc-simulator-image.jpg">
  <meta property="og:url" content="https://www.yourwebsite.com/pc-simulator">
  <meta property="og:type" content="website">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="PC Simulator">
  <meta name="twitter:description" content="A mobile simulator designed to demonstrate mobile interface design.">
  <meta name="twitter:image" content="https://www.yourwebsite.com/pc-simulator-image.jpg">
  <meta name="twitter:creator" content="@yourtwitterhandle">

  <!-- Favicon -->
  <link rel="icon" href="https://www.yourwebsite.com/favicon.ico" type="image/x-icon">

  <!-- Google Analytics -->
  <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());
    gtag('config', 'UA-XXXXX-Y');
  </script>

  <!-- Microsoft Clarity -->
  <script type="text/javascript">
    (function(c,l,a,r,i,t,y) {
      window.clarity=window.clarity||function(){(clarity.q=clarity.q||[]).push(arguments)};
      clarity('set', 'anonymizeIP', true);
      i=l.createElement('script');i.async=1;i.src=r;i.type='text/javascript';
      t=l.getElementsByTagName('script')[0];t.parentNode.insertBefore(i,t);
    })(document,window,'script','https://www.clarity.ms/tag/XXXXXX');
  </script>

  <title>PC Simulator</title>

  <style>
    /* Global Styles */
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #f0f0f0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      text-align: center;
    }

    .mobile-container {
      width: 360px;
      height: 640px;
      border: 16px solid black;
      border-radius: 16px;
      background-color: #fff;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .content {
      font-size: 1.2rem;
      color: #333;
    }

    /* Adjustments for PC */
    @media (min-width: 768px) {
      .mobile-container {
        width: 600px;
        height: 1000px;
      }

      .content {
        font-size: 1.5rem;
      }
    }

    @media (min-width: 1024px) {
      .mobile-container {
        width: 800px;
        height: 1400px;
      }

      .content {
        font-size: 1.8rem;
      }
    }

    /* Additional responsiveness for larger screens */
    @media (min-width: 1200px) {
      body {
        justify-content: flex-start;
      }

      .mobile-container {
        margin-top: 50px;
      }
    }
  </style>
</head>

<body>
  <div class="mobile-container">
    <div class="content">
      <p>Mobile Simulator Screen</p>
      <p>PC Version: Adjusted for larger screens.</p>
    </div>
  </div>



</body></html>