v1.0.2: 自动爬取试爬取功能 + 每个页面/图片生成操作信息元数据(模式/时间/网址/来源链接/深度等)

static/index.html

@@ -102,7 +102,11 @@
 
         <div id="autoBox" class="hidden box">
           <div class="field"><label>起始网址 *（系统将自动发现符合规则的链接并爬取）</label>
-            <input name="seed_url" placeholder="https://example.com/news"></div>
+            <div class="row2">
+              <input name="seed_url" placeholder="https://example.com/news" style="flex:1">
+              <button type="button" class="btn sm" id="btnProbe">🧪 试爬取</button>
+            </div>
+          </div>
           <div class="row2">
             <div class="field"><label>包含规则（每行一个，子串或正则）</label>
               <textarea name="include" rows="3" placeholder="techpowerup.com/review&#10;/news/"></textarea></div>
@@ -139,6 +143,28 @@
   </div>
 </div>
 
+<!-- 试爬取结果弹窗 -->
+<div id="probeModal" class="modal-overlay hidden">
+  <div class="modal wide">
+    <div class="modal-head">
+      <span>🧪 试爬取结果（规则筛选预览）</span>
+      <button class="btn ghost sm" data-close-probe>✕</button>
+    </div>
+    <div id="probeBody" class="detail-wrap"></div>
+  </div>
+</div>
+
+<!-- 元数据弹窗 -->
+<div id="metaModal" class="modal-overlay hidden">
+  <div class="modal">
+    <div class="modal-head">
+      <span>📋 资源操作信息（元数据）</span>
+      <button class="btn ghost sm" data-close-meta>✕</button>
+    </div>
+    <div id="metaBody" class="detail-wrap"></div>
+  </div>
+</div>
+
 <!-- 文件预览弹窗 -->
 <div id="previewModal" class="modal-overlay hidden">
   <div class="modal wide tall">