无头浏览器截图预览 - 模拟搜索引擎看到的页面

在URL输入框下方，您会看到爬虫User-Agent选择下拉菜单。点击下拉菜单展开选项列表，根据您的需求选择对应的搜索引擎爬虫身份。例如，如果您主要关注Google搜索的收录情况，请选择"Googlebot Desktop"或"Googlebot Mobile"；如果需要分析百度搜索的表现，请选择"Baiduspider"。选择不同的User-Agent后，需要重新点击"加载"按钮以使用新的身份重新请求目标页面。每次切换User-Agent后，页面的渲染效果和SEO元数据检测结果都可能发生变化，建议逐一对比分析。

在爬虫选择区域旁边，您会找到设备视口设置面板。工具默认使用桌面端视口（1920px宽度），您可以点击预设按钮快速切换到移动端视口（375px宽度）或平板端视口（768px宽度）。如果您需要自定义视口宽度，可以在输入框中输入目标像素值并确认。视口切换后，预览区域中的iframe会立即调整宽度，页面内容会根据新的视口尺寸重新渲染。移动端视口预览是本工具的核心功能之一，375px宽度的视口可以模拟iPhone等主流手机的浏览环境，帮助您了解页面在移动搜索结果中的真实展示效果。

页面加载完成后，预览区域右侧（或下方）会自动显示SEO元数据检测结果面板。该面板以结构化的列表形式展示了页面的关键SEO元素信息。您可以逐一检查以下项目：Title标签的内容和字符数是否在合理范围内；Meta Description的描述是否完整且长度适当；Meta Keywords是否设置了相关关键词；Canonical链接是否正确指向规范URL；Robots元标签是否设置了正确的索引和跟随指令；Open Graph标签是否完整配置以便社交分享。每个项目都附带状态标识，帮助您快速定位需要优化的元素。

如果您想了解页面在搜索引擎结果中的展示效果，可以切换到SERP预览模式。点击预览模式切换按钮中的"SERP预览"选项，工具会将当前页面的Title和Meta Description以搜索引擎结果的格式进行模拟展示。在SERP预览中，标题会以蓝色链接样式显示，下方是URL路径（灰色），再下方是描述文本（灰色正文）。通过SERP预览，您可以直观地判断标题是否过于冗长被截断、描述是否能够有效传达页面核心信息。如果标题超过60个字符或描述超过160个字符，在真实搜索结果中可能会被截断显示为省略号，此时您需要考虑优化文案长度。

在预览工具栏中，还提供了三个快捷操作按钮，帮助您进行更深入的分析。点击"Google缓存"按钮，工具会自动跳转到Google搜索该页面的缓存版本，您可以查看Google最近一次成功抓取的页面快照，对比当前页面与缓存版本的差异。点击"Wayback Machine"按钮，工具会跳转到Internet Archive的Wayback Machine服务，查看该页面的历史存档记录，了解页面内容的变更历史和演变过程。点击"新窗口打开"按钮，工具会在新的浏览器标签页中加载目标页面，方便您在原生浏览器环境中进行更详细的元素检查、网络请求分析和JavaScript调试。

如果您需要保存当前预览画面用于后续对比或报告，可以使用截图快照功能。点击"截图"按钮，工具会对当前预览区域的画面进行截图并生成图片。截图会自动下载到您的本地设备，文件名包含URL和时间戳信息，方便归档管理。建议在不同爬虫User-Agent和视口设置下分别截图，形成完整的SEO审计报告素材。通过对比不同设置下的截图，您可以直观地发现页面在不同搜索引擎和设备环境下的差异，为后续的SEO优化提供明确的方向。