WebLens – AI Agent Web Inspector

About

🔍 你有没有想过，AI Agent 是怎么"看"你的网页的？

WebLens 揭示 AI Agent 真正感知到的网页内容——以及它们遗漏的部分。一键获取完整的 AI 可读性审计报告。

✨ 核心功能：

📊 AI 友好度评分 (0-100)
7个维度全面分析：语义化标签、标题结构、Alt 文本、链接可读性、ARIA 属性、结构化数据、内容信噪比。每个维度附带扣分原因和改进建议。

🎨 可视化高亮叠加
直接在网页上标注 AI Agent 能看到和看不到的内容：
• 绿色 = Agent 可见（语义化元素）
• 红色 = Agent 不可见（缺少信息）
• 灰色 = 纯装饰元素（被忽略）

🦴 DOM 骨架视图
去除所有 CSS 样式和图片后的页面结构，展示 AI Agent 真正"看到"的网页骨架。

📝 Markdown 预览
模拟 Cloudflare Markdown for Agents，展示 Agent 读取到的纯净内容版本。直观对比 HTML 原始体积与 Markdown 压缩后的大小。

🪙 Token 成本估算
计算 AI 读取此页面需要消耗多少 Tokens，折算为人民币费用。对比 HTML 原始页面和 Markdown 版本的成本差异，让你直观看到优化空间。

📚 科普提示卡片
每个扣分项都附带科普卡片，解释"为什么这个元素对 AI 不可见"，并提供具体的修复建议。

🌐 中英双语支持
完整的中文和英文界面，一键切换。

👥 适用人群：
• 好奇心驱动的普通用户 — 一键"看见" AI 眼中的网页世界
• 设计/前端学生 — 检查作品是否对 AI 友好
• 开发者/站长 — GEO（生成式引擎优化）辅助工具

🔒 隐私安全：
所有分析完全在本地浏览器中运行，不收集任何用户数据，不与任何服务器通信。