浏览器API兼容性检测需“存在性判断+可用性验证”，优先用typeof检查函数/对象类型，构造函数需验证可实例化，原型属性查原型链，敏感API调用前加try/catch，推荐封装复用工具函数。
检测浏览器API兼容性，核心是“存在性判断 + 可用性验证”，避免直接调用未定义属性或方法导致报错。
检测全局对象上的API（如 fetch、localStorage）
优先检查全局对象（
window
或
self
）是否拥有该属性，且类型为函数或对象。仅检查是否存在不够可靠，例如某些旧版浏览器可能声明了
但值为
或
。
✅ 推荐写法：
✅ 更稳妥（兼顾 Worker 环境）：
❌ 避免：
（可能因值为
报错）或
（IE 中可能返回
但实际不可用）
检测构造函数或类（如 Promise、IntersectionObserver）
需确认其存在且可被
调用。有些环境（如低版本 Android WebView）虽有构造函数名，但无法实例化。
✅ 安全检测：
（辅助判断是否原生实现）
✅ 实用兜底：
（尝试实例化并捕获异常）
✅ 更健壮的封装示例：
检测事件、方法或属性（如 Element.prototype.classList、navigator.clipboard）
对原型链上的成员，应查原型而非实例；对可能抛错的 API（如 clipboard.writeText），需结合
和权限判断。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
Java免费学习笔记（深入）
”；
✅ 检测
：
（比
更早、更安全）
✅ 检测剪贴板写入：
，但实际调用前仍需
处理拒绝权限或 DOM 异步限制
✅ 检测 CSS 自定义属性支持：
（需注意部分老浏览器不支持
，可先检测该方法存在性）
封装可复用的兼容性工具函数
将常用检测逻辑抽象为函数，便于维护和复用。避免重复写
判断。
✅ 基础检测函数：
const hasAPI = (target, key, type = 'function') =>typeof target === 'object' &&target !== null &&typeof target[key] === type;
✅ 组合式检测（如 Fetch + AbortController）：
const supportsModernFetch = () =>hasAPI(self, 'fetch') &&hasAPI(self, 'AbortController');
✅ 按需加载降级方案：
若
不可用，自动引入轻量 polyfill 或切换为 scroll 事件监听
fetchundefinednulltypeof window.fetch === 'function'typeof self.fetch === 'function'!!window.fetchundefined'fetch' in windowtruenewtypeof Promise === 'function' && Promise.toString().includes('native code')typeof Promise === 'function' ? new Promise(() => {}) : nulltry/catchclassList'classList' in document.documentElementtypeof element.classList !== 'undefined'navigator.clipboard && typeof navigator.clipboard.writeText === 'function'try/catchCSS.supports('color', 'var(--c)')CSS.supportstypeof xxx === 'xxx'IntersectionObserver