Web API 实践，最后更新2024/02月...

发布 : 2024-02-28 分类 : Web API

原文链接：https://github.com/taoliujun/blog/issues/49

Web API的发展日新月异，稍不留神就偷偷的出了新规范，这些规范为项目方案提供了更多的可能性。话说读百遍不如写一遍，计划在一段时间内，对大部分API进行demo实践以加深印象。

以 https://developer.mozilla.org/en-US/docs/Web/API 为基础，只实践W3C Recommendation状态的API。

目录见下

A

Audio Output Devices API 选择音频播放设备。Experimental

B

Background Fetch API 在后台下载大文件。Experimental
Background Sync 延迟任务以便在网络稳定时运行。Experimental
#55，Background Tasks 利用空闲时间跑阻塞的任务。
#50，Badging API 在web App中设置图标徽章。
Barcode Detection API，读取图片流中的条码、二维码。Experimental
#58，Battery API 获取设备电池状态。
#53，Beacon 发送无需响应的请求，保证浏览器关闭之前发送完毕。
Bluetooth API 连接蓝牙。Experimental
#59，Broadcast Channel API 跨标签、窗口通信。

C

CSS Counter Styles 为CSS定义计数器。
#63，CSS Custom Highlight API 设置元素的高亮区域。
#65，CSS Font Loading API 字体加载管理。
CSS Painting API 为CSS的背景等属性提供自定义的图片绘制。Experimental
#67，CSS Properties and Values API 为CSS扩展属性，类似CSS variables。
#69，CSS Typed Object Model API 提供了一系列访问和操作CSS值的方法。
#71，CSSOM 管理CSS的方法合集，类似DOM。
Canvas API 画图。
Channel Messaging API 又一种跨窗口通信。
#72，Clipboard API 访问、写入系统剪切板。
Compression Streams API 使用gzip、deflate压缩数据流。
Console API 控制台日志输出。
Contact Picker API 选择设备上的联系人。Experimental
Content Index API 设置service worker的离线数据。Experimental
#75，Cookie Store API 优雅的管理cookie。
#77，Credential Management API 管理登录凭证。

D

#80，DOM 元素操作的方法合集。
#79，Device Memory API 访问设备可用内存大小。
#81，Device Orientation Events 访问设备的物理方向。
#82，Document Picture-in-Picture API 画中画。experimental

E

EditContext API 富文本交互 Experimental
Encoding API 字符编码解码
Encrypted Media Extensions 支持数字版权内容
#84，EyeDropper API 颜色吸管 Experimental

F

FedCM API Experimental
Fenced Frame API Experimental
Fetch API 发起网络请求，代替XMLHttpRequest
#85，File API 访问用户选择的文件
#86，File System API 访问、写入操作系统上的文件
File and Directory Entries API 虚拟文件系统
Force Touch Events Non-standard
#87，Fullscreen API 元素全屏

G

Gamepad API 访问手柄设备
#88，Geolocation API 访问地理位置
Geometry Interfaces 几何形状

H

HTML DOM DOM操作，包括form data、canvas、video等
#91 ，HTML Drag and Drop API 拖放
HTML Sanitizer API 安全的HTML字符串 Experimental
History API 浏览器会话记录
Houdini API 扩展CSS的样式和布局

I

Idle Detection API Experimental
Image Capture API 拍照，调用设备捕获图像 Experimental
IndexedDB 客户端数据库
Ink API 调用系统的笔触合成功能 Experimental
Input Device Capabilities API Experimental
Insertable Streams for MediaStreamTrack API 操作媒体流，比如合成音频、往视频里加一个帽子
#92，Intersection Observer API 监听元素是否出现在视口

K

Keyboard API 访问物理键盘的信息、如布局等 Experimental

L

Launch Handler API 获取PWA的启动方式 Experimental
Local Font Access API 访问用户本地安装的字体列表 Experimental

M

Media Capabilities API 获取设备的解码、编码能力，以及实时反馈
Media Capture and Streams 媒体捕捉和媒体流
Media Session API 获取设备对媒体的控制
Media Source Extensions 创建媒体流 Experimental
MediaStream Recording 录制媒体流

N

Navigation API 对History和Location的扩展，可以拦截管理浏览器导航 Experimental
Network Information API 访问网络连接信息 Experimental

O-T

U-Z

标签: #webapi