三星galaxy s系列新机型（s23起）html5支持良好，但需注意viewport显式设置、video autoplay须加muted和playsinline、webgl深度纹理扩展兼容性、touchstart同步preventdefault等关键适配点。
三星 Galaxy S 系列（尤其是较新机型如 S24/S25）对 HTML5 支持良好，但「Galaxy S」本身不是单一设备，而是横跨十余年的多代产品线。2025 年底官方已不再列出具体「Galaxy S」型号的适配文档，仅保留 S23 及更新机型为有效支持范围；旧款 S 系列（如 S10、S9）在部分 HTML5 API 上存在兼容性缺口，需针对性处理。
viewport 设置必须显式声明 scale=1.0
很多开发者依赖默认 viewport，但在 Galaxy S 系列（尤其 S21/S22 早期 One UI 版本）上，系统可能因“缩放优化”自动调整 initial-scale，导致布局错位或 touch 事件偏移。
- 务必写全：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- 避免只写
width=device-width—— Galaxy S23 FE 在 One UI 6.1 下曾因此触发非预期双倍缩放 - 若需用户缩放，请改用
user-scalable=yes+ JavaScript 拦截touchstart防误触，而非依赖 meta
video 元素 autoplay 在 Galaxy S24+ 上默认静音才生效
三星自 One UI 6 起强制要求 <video></video> 的 autoplay 必须搭配 muted，否则会被浏览器策略阻止 —— 这和 Chrome Android 行为一致，但 Galaxy S 系列某些固件版本（如 S24 Ultra SM-S928B 2025Q3 更新）会额外拦截未声明 playsinline 的全屏 video。
- 正确写法：
<video autoplay muted playsinline src="demo.mp4"></video>
- 漏掉
playsinline：S24 系列可能 fallback 到全屏播放器，导致页面布局跳变 - 想自动播放带声音？必须由用户手势（如
click）触发play()，且不能跨 frame 或异步延迟调用
WebGL 渲染在 Galaxy S22/S23 上需检查 GPU 驱动状态
部分 Galaxy S22/S23 用户反馈 Three.js 场景卡顿或黑屏，根源常是 Mali-G78 GPU 的 WebGL 实现对 WEBGL_depth_texture 扩展支持不稳定，或驱动未启用硬件加速。
立即学习“前端免费学习笔记（深入）”；
- 检测方式：在页面中运行
const gl = canvas.getContext('webgl'); console.log(gl?.getExtension('WEBGL_depth_texture'));—— 若返回null，需降级使用DEPTH_COMPONENT16而非DEPTH_COMPONENT24 - S22 Ultra（SM-S908E）在 One UI 5.1 固件下，
preserveDrawingBuffer: true会导致帧率骤降，应设为false并手动readPixels - 避免在
requestAnimationFrame中频繁切换gl.useProgram()，S 系列 Mali GPU 对 shader 切换开销敏感
touch-action 和 preventDefault 在 Galaxy S25 系列上行为更严格
S25 系列搭载 One UI 7，内核升级至 Chromium 128，对 touch-action: none 和 event.preventDefault() 的协同要求提高：若未在 touchstart 阶段同步调用 preventDefault()，后续 touchmove 将被系统接管并触发页面滚动，导致自定义拖拽失效。
- 错误模式：
element.addEventListener('touchstart', e => { setTimeout(() => e.preventDefault(), 0); }); // ❌ 延迟调用无效 - 正确做法：
element.addEventListener('touchstart', e => { if (e.touches.length === 1) e.preventDefault(); }, { passive: false }); - 注意：
{ passive: false }必须显式传入，否则 Chrome 会忽略preventDefault()
实际部署时，别只测 S24 Ultra —— S23 FE（Exynos 版）和 S25（骁龙版）的渲染管线差异可能比你想象中更大。尤其当涉及 canvas 导出、Web Audio 定时或 IntersectionObserver 阈值判断时，固件层微小更新就可能导致行为漂移。
