SnowEyes/popup/popup.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="highlight.css">
</head>
<body>
  <!-- 导航栏 -->
  <div class="nav-bar">
    <div class="nav-left">
      <button class="nav-tab active" data-page="scanner">信息搜集</button>
      <button class="nav-tab" data-page="fingerprint">指纹嗅探</button>
      <button class="nav-tab" data-page="analysis">网站解析</button>
      <button class="nav-tab" data-page="config">配置</button>
      <button class="progress-tab">0%</button>
    </div>
  </div>

  <!-- 扫描页面 -->
  <div class="page scanner-page active">
    <div class="container"></div>
  </div>

  <!-- 指纹嗅探页面 -->
  <div class="page fingerprint-page">
    <div class="container">
      <div class="fingerprint-section">
        <!-- 指纹组将由 JS 动态添加 -->
      </div>
    </div>
  </div>

  <!-- 添加网站解析页面 -->
  <div class="page analysis-page">
    <div class="container">
      <div class="analysis-section">
        <!-- 基本信息 -->
        <div class="analysis-group basic-group">
          <h3>基本信息</h3>
          <div class="basic-info">
          </div>
        </div>

        <!-- 域名权重信息 -->
        <div class="analysis-group weight-group">
          <h3>搜索引擎权重</h3>
          <div class="weight-grid">
          </div>
        </div>

        <!-- IP地址信息 -->
        <div class="analysis-group ip-group">
          <h3>IP信息</h3>
          <div class="ip-info">
          </div>
        </div>

        <!-- Whois信息 -->
        <div class="analysis-group whois-group">
          <h3>Whois信息</h3>
          <div class="whois-info">
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- 配置页面 -->
  <div class="page config-page">
    <div class="container">
      <div class="config-section">
        <div class="config-group">
          <h3>扫描白名单</h3>
          <div class="config-content">
            以下域名网站（包括子域名）不会被扫描：
          </div>
          <textarea id="whitelistInput" placeholder="输入域名，每行一个，如：&#10;example.com&#10;test.org&#10;localhost" rows="6"></textarea>
          <div class="config-buttons">
            <button id="saveWhitelist" class="save-btn">保存白名单</button>
          </div>
        </div>

        <!-- 添加动态扫描控制 -->
        <div class="config-group">
          <h3>扫描设置</h3>
          <div class="config-item">
            <label class="switch-wrapper">
              <input type="checkbox" id="dynamicScan" class="switch-input">
              <span class="switch-label">动态扫描</span>
            </label>
            <div class="config-desc">
              启用后将自动扫描页面动态变化的内容，适用于单页应用等动态渲染的页面
            </div>
          </div>
          <div class="config-item">
            <label class="switch-wrapper">
              <input type="checkbox" id="deepScan" class="switch-input">
              <span class="switch-label">深度扫描</span>
            </label>
            <div class="config-desc">
              启用后将递归扫描JS文件中引用的其他JS文件，可能会增加扫描时间
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="popup.js"></script>
</body>
</html>