查看“︁微件:DeadLinkScanner”︁的源代码

<includeonly>
<style>
.deadlink-scanner {
    margin: 20px 0;
    padding: 20px;
    background: #fafafa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}
.deadlink-scanner h3 { margin-bottom: 10px; }
.scan-btn {
    padding: 10px 24px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
}
.scan-btn:hover { background: #d32f2f; }
.scan-btn:disabled { background: #ccc; cursor: not-allowed; }
.deadlink-progress {
    width: 100%; height: 6px; background: #e0e0e0;
    border-radius: 3px; margin: 15px 0; overflow: hidden; display: none;
}
.deadlink-progress-bar {
    height: 100%; background: #f44336; border-radius: 3px;
    transition: width 0.3s; width: 0%;
}
.deadlink-result { margin-top: 10px; font-size: 14px; }
.deadlink-item { padding: 6px 0; border-bottom: 1px solid #eee; }
.deadlink-item a { color: #f44336; }
.deadlink-item .from-page { font-size: 12px; color: #888; }
</style>

<div class="deadlink-scanner" id="deadlink-scanner">
    <h3>🔍 死链全站扫描</h3>
    <p style="color:#888;font-size:13px;">扫描所有页面的内部链接，找出指向不存在页面的死链。</p>
    <button class="scan-btn" id="scan-start">开始扫描</button>
    <div class="deadlink-progress" id="scan-progress">
        <div class="deadlink-progress-bar" id="scan-progress-bar"></div>
    </div>
    <div class="deadlink-result" id="scan-result"></div>
</div>
</includeonly>