用途:针对“手机上看站点很糟”“检查移动布局”“响应式审计”一类诉求,检测桌面测试容易遗漏的移动端布局问题。不适用于无移动意图的通用 WordPress 审计、从零构建响应式设计、非 WordPress 站点或仅桌面端修复。
主要能力:分析响应式断点问题,检测移动端字号过大、分栏未堆叠、横向滚动、元素可见性、间距与内边距过大、触控目标过小、触屏下悬停下拉菜单失效、汉堡菜单未配置、图片与视频未响应式适配等;按 320-375px、376-414px、415-480px、481-768px、769-1024px 等设备宽度评估受影响断点;输出分页报告、严重度分级(critical/high/medium/low)与周级修复路线图。
使用方式:先调用 respira_get_site_context 验证插件与 MCP 连接,并用 respira_get_builder_info 识别页面构建器(Elementor、Divi、WPBakery、Gutenberg、Beaver Builder 或经典主题),再用 respira_list_pages 列出已发布页面(深度分析建议不超过 10 个高优先级页面)。随后调用 respira_run_pagespeed_audit(strategy=mobile)与 respira_get_core_web_vitals 获取真实移动端 LCP/INP/CLS 与 Lighthouse 分数,并以 respira_analyze_performance 做结构分析;有实测指标时覆盖启发式性能估算,无指标时需在报告中注明为启发式。评分为 0-100:布局与分栏 30 分、排版 20 分、间距 15 分、导航 15 分、媒体 10 分、性能 10 分,分级为 85-100 移动友好、60-84 轻微问题、40-59 明显问题、0-39 移动端损坏。
修复与限制:先 respira_get_snapshot 快照以便 respira_restore_snapshot 一键回滚,再用 respira_find_element 定位断点设置并用 respira_update_element 精确修改,多处同类修复用 respira_batch_update;需要副本时可用 respira_create_page_duplicate / respira_create_post_duplicate。依赖 Respira for WordPress 插件与 MCP 服务器(npx -y @respira/wordpress-mcp-server --setup),未安装或站点不可达时停止执行并给出安装或排障指引;具体收费与其它平台信息暂未提供。