WebLens – AI Agent Web Inspector

See any webpage through the eyes of an AI Agent. Visualize how AI reads the web.

🔍 你有没有想过，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（生成式引擎优化）辅助工具 🔒 隐私安全： 所有分析完全在本地浏览器中运行，不收集任何用户数据，不与任何服务器通信。