UD5工具箱
内容索引API查看器功能特点
添加索引内容
提供直观的内容添加表单，帮助开发者创建符合Content Indexing API规范的索引条目。表单包含五个核心字段：标题（title）输入框用于设置内容的显示标题，支持中英文混合输入，最大长度限制为200个字符；描述（description）文本域用于填写内容的简短摘要，帮助用户在不打开页面的情况下了解内容主题；URL输入框用于指定内容的访问地址，支持相对路径和绝对路径；类别（category）下拉选择框支持文章（article）、视频（video）和其他（other）三种预设类别，分别对应不同类型的内容资源；图标URL输入框用于指定内容缩略图的地址，浏览器会在内容列表中显示该图标。表单内置完整的输入验证逻辑，确保所有必填字段都已填写且格式正确后才能提交。提交成功后，新内容条目立即出现在已索引列表中，操作日志记录本次添加操作的详细信息。
- 标题和描述输入验证
- URL格式验证和提示
- 三种预设类别可选
- 图标URL可选配置
已索引内容列表
以表格或卡片形式实时展示所有已注册的内容索引条目。每个条目显示完整的元数据信息：标题作为主显示文本，描述作为辅助信息，URL作为可点击链接，类别使用彩色标签区分，图标的缩略图预览（如果配置了图标URL）。列表支持按创建时间排序、按类别筛选、按标题搜索等操作。每个条目提供编辑和删除操作按钮，编辑功能可以修改条目除URL外的所有字段，删除功能移除指定条目并更新统计数据。列表的空状态提示引导用户添加第一条索引内容。列表数据与类别统计区域实时同步，添加或删除条目后统计数据自动更新。对于支持Content Indexing API的浏览器，列表还会显示与原生API同步的状态指示。
- 完整元数据信息展示
- 按类别筛选和搜索
- 编辑和删除操作支持
- 空状态引导提示
按类别统计
自动分析已索引内容的类别分布，以直观的图表和数字形式展示统计结果。统计面板显示三个类别的内容数量和占比：文章类别（article）统计所有以文章形式发布的内容条目，通常包含新闻报道、博客文章、教程文档等；视频类别（video）统计所有以视频形式发布的内容条目，通常包含视频教程、产品演示、直播回放等；其他类别（other）统计不属于文章或视频的所有其他类型内容条目。统计区域使用进度条或饼图可视化各类别的占比关系，帮助开发者快速了解内容资源的类型分布。统计数字实时更新，添加或删除内容条目后统计结果立即反映最新状态。统计面板还显示已索引内容的总数量，帮助开发者监控是否接近浏览器的索引数量上限。统计数据可以作为内容运营决策的参考，指导内容资源的合理分配。
删除索引
支持移除不再需要的内容索引条目。每个内容条目旁提供删除按钮，点击后弹出确认对话框防止误操作。确认删除后，指定的条目从索引列表中移除，类别统计数据同步更新，操作日志记录删除操作的详细信息。批量删除功能允许选择多个条目一次性移除，提高管理效率。删除操作同时影响本地存储数据和（在支持API的浏览器中）浏览器的原生内容索引。提供一键清空所有索引的功能，用于重置测试环境或清理过期数据。删除操作不可撤销，工具会在确认对话框中明确提示这一点。删除后列表和统计数据立即刷新，保持界面状态与底层数据的一致性。
生成代码
根据当前索引内容自动生成可在项目中直接使用的JavaScript代码片段。生成的代码包含Content Indexing API的完整调用示例，包括Service Worker中的注册逻辑、JavaScript中的查询和删除逻辑。代码使用语法高亮和格式化输出，支持一键复制到剪贴板。生成的代码适配不同浏览器版本，包含必要的特性检测和降级处理。
操作日志
实时记录每一次API操作的详细信息，包括操作类型（添加/删除/查询）、操作时间、操作对象、操作结果等字段。日志以时间倒序排列，最新的操作显示在最上方。不同类型的操作使用不同颜色编码区分，帮助开发者快速定位特定类型的操作记录。支持一键清除日志和导出日志内容。
数据导入导出
支持将当前索引内容导出为JSON文件，方便备份和跨设备迁移。支持从JSON文件导入索引内容，快速恢复之前的配置状态。导入操作会与现有内容合并而非覆盖，避免数据丢失。导出的数据包含完整的元数据信息和时间戳，保持数据的完整性和可追溯性。