夏普安卓手机HTML5适配需注意三大盲区：viewport须用分号分隔并显式声明minimum-scale=1.0；localStorage可能静默失效，需运行时检测并降级；触摸事件需设touch-action: manipulation及passive监听。
夏普安卓手机（如AQUOS系列）对HTML5的支持整体良好，但存在几个关键适配盲区：部分机型默认禁用localStorage、WebView内核老旧（尤其Android 8以下）、以及对viewport中user-scalable=no的强制拦截——这会导致页面被意外缩放或双击放大失效。
必须加的 viewport 配置，且不能简写
夏普部分机型（如SH-M08、SH-01J）会忽略简写的viewport，仅识别完整、带分号分隔的写法。漏掉minimum-scale=1.0或用空格代替分号，就可能触发“页面忽大忽小”现象。
- ✅ 正确写法（注意分号、无空格、显式声明最小缩放）：
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=no">
- ❌ 常见错误：
<meta name="viewport" content="width=device-width, initial-scale=1">（缺minimum-scale，夏普某些固件会自动放大） - ⚠️ 注意：夏普浏览器在Android 9+上已支持
user-scalable=no，但Android 7–8需配合-webkit-text-size-adjust: 100%防止字体被强制放大
localStorage 在夏普设备上可能静默失败
夏普部分定制ROM（如SH-02K出厂系统）会在隐私模式下默认禁用localStorage，且不抛错、不提示，localStorage.setItem()看似成功，但刷新后数据丢失。
- ✅ 检测并降级方案：
try { localStorage.setItem('test', 'ok'); if (localStorage.getItem('test') !== 'ok') throw 'unavailable'; } catch (e) { // 退到 sessionStorage 或 URL 参数缓存 sessionStorage.setItem('fallback', JSON.stringify(data)); } - ⚠️ 不要用
typeof localStorage !== 'undefined'判断——夏普设备返回object但实际不可写 - ? 替代建议：优先用
sessionStorage存临时状态；持久化需求改用IndexedDB（夏普Android 8+已稳定支持）
触摸事件响应延迟高，需手动关闭高亮并启用 passive
夏普原生浏览器对touchstart有300ms延迟，且默认点击高亮色（-webkit-tap-highlight-color）无法通过全局重置生效，必须逐元素设置。
立即学习“前端免费学习笔记（深入）”；
- ✅ 必加CSS（覆盖所有交互元素）：
a, button, input, textarea, select, label { -webkit-tap-highlight-color: rgba(0,0,0,0); touch-action: manipulation; } /* 绑定事件时务必加 {passive: true} */ element.addEventListener('touchstart', handler, {passive: true}); - ❌ 不要只写
touch-action: none——会导致滚动卡顿；manipulation才是夏普机型兼容性最好的值 - ⚠️ 夏普Android 7系统不支持
{passive: true}语法糖，需用try/catch包裹或检测addEventListener是否支持第三个参数
夏普安卓机适配真正的难点不在“能不能跑”，而在“跑得稳不稳”——它不会报错，但会在你没注意的地方悄悄丢数据、改缩放、加延迟。每次上线前，务必用真实SH-M12或SH-01L设备连Chrome DevTools远程调试，别信模拟器。
