低配设备需动态禁用HTML5特性防崩溃：设preload="none"并muted视频、限制Canvas指纹调用、按deviceMemory等指标条件禁用WebRTC/WASM、用readonly延迟替代autofocus。
HTML5 功能在低配设备（如内存 自动重启甚至崩溃。禁用部分 HTML5 特性不是“降级”，而是防止浏览器因资源超限强行终止渲染进程——这点常被忽略。
禁用自动播放与预加载（video/audio）
低配设备的媒体解码器非常吃资源，哪怕只是preload="metadata" 也会触发音频解码初始化，导致页面卡死数秒。
-
preload="none"是关键：它阻止浏览器提前下载或解析任何音视频数据 - 必须加
muted，否则 Safari/iOS 会无视autoplay="false"并静音强制播放 - 移除
controls或用自定义控件，避免系统控件调用高开销的 UI 渲染层
限制 Canvas 使用并关闭指纹输出
Canvas 不仅耗 GPU，还常被用于生成设备指纹——低配设备上反复调用toDataURL() 可能直接触发内存回收或 WebView 崩溃。
- 在 Safari 中访问
safari://features→ 启用Canvas Script Blocking - Chrome/Android WebView 中，在初始化前注入：
if (navigator.userAgent.includes('Android')) { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // 主动破坏指纹一致性（非标准但有效） ctx.webkitImageSmoothingEnabled = false; ctx.imageSmoothingEnabled = false; } - 避免在
requestAnimationFrame中高频调用drawImage或getImageData
禁用 WebRTC 和 WebAssembly（除非真需要）
WebRTC 的RTCPeerConnection 初始化在低端 Android 上可能阻塞主线程 800ms+；WASM 模块加载会触发 JIT 编译，对无二级缓存的 CPU 是重负载。
- 检测设备能力再加载：
if (navigator.deviceMemory && navigator.deviceMemory < 2) { // 跳过 WebRTC 初始化 // 用 fetch + WebSocket 替代信令通道 // WASM 模块改用 asm.js 回退（如有） } - 不要依赖
typeof WebAssembly === 'object'判断可用性——它返回true但实际编译失败很常见
关闭 HTML5 表单自动填充与键盘弹出干扰
低配安卓机（尤其定制 ROM）的输入法常因autocomplete 字段语义识别错误，反复弹出/收起软键盘，造成页面 layout thrashing。
- 对搜索框等敏感字段，用不可识别 name + 无效 autocomplete：
- 禁用原生键盘触发（仅限特定场景）：
document.getElementById('search-input').addEventListener('focus', e => { e.target.readOnly = true; setTimeout(() => e.target.readOnly = false, 10); });这会绕过部分输入法的自动聚焦逻辑，但需配合自定义软键盘组件
低配设备上，“禁用”从来不是开关式操作——它是根据 navigator.deviceMemory、navigator.hardwareConcurrency、navigator.connection.effectiveType 三者交叉判断后，动态卸载/跳过某段 HTML5 功能链路的过程。硬写 autocomplete="off" 或删掉 video 标签，解决不了底层资源争抢问题。
