开发工具 125文本工具 40编码加密 40图片文件 66查询工具 46计算转换 57站长工具 57生活工具 55娱乐工具 39金融理财 45
首页/查询工具/常用 Web API 速查

常用 Web API 速查

44 个常用浏览器原生 API 速查表:作用、代码示例与兼容性提示。写前端时随手查,不用来回翻文档。

本地运行 · 数据不上传 查询工具 免费 · 无需注册
API作用示例提示

使用说明

  1. 搜 API 名(fetch)或用途(缓存、通知)定位。
  2. 这里列的都是浏览器原生能力,不需要引第三方库。
  3. 涉及授权或安全的 API(剪贴板、摄像头、定位)大多要求 HTTPS 页面并需要用户手势触发。

常见问题

这些 API 兼容性怎么样?
fetch、localStorage、Canvas 这些早就是全平台标准,随便用。IntersectionObserver、ResizeObserver、structuredClone 是较新的,主流现代浏览器都支持,但老版 Safari 和 IE 不行。发布前查一下 caniuse 更稳。
为什么有些 API 必须 HTTPS?
因为它们涉及敏感能力——剪贴板、定位、摄像头、加解密。浏览器规定这些只能在安全上下文(HTTPS 或 localhost)里用,防止页面在传输中被劫持后偷偷调用。本地开发用 localhost 不受限。
localStorage 能存多少?
通常 5 MB 左右,各浏览器略有差别,且是按域名隔离的。它是同步 API,存大对象会卡页面。数据量大或者要存文件,改用 IndexedDB;只是临时缓存,可以考虑 sessionStorage。

相关工具

查询工具 · 该分类共 46 个工具,展开查看全部