taste skill可以辅助制作适配手机的响应式网页。当前规则会处理窄屏布局、触屏交互和动态效果回退,并要求在包括390像素在内的多种宽度检查页面。它做的是网页前端,手机上的真实显示、网络加载和操作体验,仍需要进一步验收。
手机网页采用响应式布局
在需求中说明手机访客最需要完成的动作,例如预约、查看价格或提交咨询。窄屏下让主要内容顺序清楚,分栏通常先文字后视觉,避免横向溢出。
用真实长度的标题、按钮和列表检查布局,不要只用几个短占位词。平板宽度也要检查,桌面和手机各通过一次并不能覆盖中间尺寸。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

触屏和减少动态效果分别处理
手机不能依赖鼠标悬停才显示关键内容。菜单、按钮和表单都应能直接触摸操作,动态效果不能挡住内容或主要动作。
当前规则会让部分重效果在手机上显示静态画面,并为减少动态效果的用户保留完整内容。检查回退后的画面是否正常,不只检查动画能否播放。

窄屏检查与性能验收
让Agent按当前检查命令覆盖1440、1024、820、768和390等宽度,查看首屏、导航、图片、表单和布局溢出,并修复性能检查中的失败项。
脚本中的CPU浏览器性能结果可用于对比页面,不能直接等同真实手机数据。再用手机检查点击、滚动、横竖屏和较慢网络下的图片加载。

















