mobile-native

用途：这是一个修复型技能，只做一件事——把手机上像网页的 Web 应用，逐条去掉暴露身份的迹象。它不负责动效设计、动效审查或 React Native 开发，仅针对平台层：视口、触摸、滚动、安全区域与浏览器界面，这些地方往往几行代码就决定应用像已安装还是像嵌在浏览器里。\n\n主要能力（症状对照表）：区分移动端两类典型故障：只在桌面调试时看不到的问题，以及本可用 CSS 或 meta 标签却用 JavaScript 处理的问题。逐项处理内容包括：轻触后 hover 状态残留（用 @media (hover: hover) and (pointer: fine) 包裹）、点按灰色/蓝色高亮闪烁（-webkit-tap-highlight-color）、布局高度错误（应用外壳用 100dvh，首屏用 100svh）、输入框触发页面缩放（字体至少 16px）、点按延迟（按下即反馈加 touch-action: manipulation）、下拉刷新劫持滚动（overscroll-behavior）、内容被刘海遮挡（viewport-fit=cover 配 env(safe-area-inset-*)）、长按选中按钮文字（user-select: none，仅限控件）、轮播纵向误滚（touch-action: pan-y）、状态栏颜色不匹配（按配色方案设置 theme-color），以及仅靠模拟器判断错误的问题需真机验证。\n\n使用方式：先匹配用户看到的现象，再按对应章节应用修复。每项修复都需说明原因，且在原因成立处应用而非习惯性全局套用。优先使用媒体查询而非设备嗅探；触摸与鼠标并非互斥，按能力而非设备分支；禁用缩放属于无障碍缺陷。收官时简要说明问题所在、改动的文件与声明、哪些修复可经代码验证、哪些必须在真机上确认。\n\n适用场景：面向手机用户的 Web 应用，尤其是需要原生手感、底部固定输入、抽屉、轮播等交互界面的项目。\n\n限制：技能明确说明 Chrome 设备模拟无法复现粘性 hover、点击延迟、橡皮筋、安全区域与键盘行为，须连接真机（iOS 用 Safari 开发菜单，Android 用 chrome://inspect）调试，并建议测试较旧机型、键盘开启状态与横屏。具体定价、安装命令及版本支持信息暂未提供。