摘要: Trusted Types API: 锁定 DOM API 的不安全部分,以防止客户端跨站脚本(XSS)攻击 untrusted <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport 阅读全文
posted @ 2024-04-30 23:06 _clai 阅读(2) 评论(0) 推荐(0) 编辑
摘要: Barcode Detection API: 用于检测图像中的条形码和二维码 所有格式都暂不支持 // 创建新检测器 const barcodeDetector = new BarcodeDetector({ formats: ["qr_code"], }); // 检查支持的类型 BarcodeD 阅读全文
posted @ 2024-04-30 15:29 _clai 阅读(17) 评论(0) 推荐(0) 编辑
摘要: URL Pattern API 创建 URL 模式匹配器。这些模式能够与完整的 URL 或 URL 的各个组成部分进行匹配 模式语法基于 path-to-regexp 库。模式可包含: 将被精确匹配的文字字符串。 匹配任何字符的通配符 (/posts/*)。 命名组 (/books/:id),提取匹 阅读全文
posted @ 2024-04-30 13:43 _clai 阅读(3) 评论(0) 推荐(0) 编辑
摘要: Popover API: 内置的弹框能力 popover 具有 auto 状态的弹窗可以通过在弹窗之外的区域进行选择,以达到“轻触关闭”的目的,并且通常一次仅允许屏幕上显示一个弹窗 manual 弹窗必须始终明确隐藏,但可以用于菜单中嵌套弹窗等使用情况。 <button type="button" 阅读全文
posted @ 2024-04-30 13:27 _clai 阅读(15) 评论(0) 推荐(0) 编辑
摘要: CSS Custom Highlight API CSS Custom Highlight API JavaScript 创建范围并使用 CSS 定义样式来设置文档中任意文本范围的样式 该 API 允许开发者通过 CSS 自定义属性来设置文本的样式, 并将其应用到文档中的任意文本范围。 本质就是查找 阅读全文
posted @ 2024-04-29 22:39 _clai 阅读(34) 评论(0) 推荐(0) 编辑
摘要: EyeDropper EyeDropper:拾色器,从屏幕上选择颜色 需要用户交互操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devi 阅读全文
posted @ 2024-04-29 21:53 _clai 阅读(24) 评论(0) 推荐(0) 编辑
摘要: CSS Counter Styles 允许您自动对 HTML 文档中的元素进行编号或标记。我们定义一个具有特定名称和起始值的 counter,然后根据 CSS 规则递增或递减该计数器。 使用 counter-reset 属性定义计数器,设置其起始值,然后使用 counter-increment 属性 阅读全文
posted @ 2024-04-29 21:05 _clai 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Media Session API 控制媒体播放和自定义媒体通知 PC浏览器的媒体控制按钮 手机、平板端看控制中心 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conte 阅读全文
posted @ 2024-04-29 16:00 _clai 阅读(9) 评论(0) 推荐(0) 编辑
摘要: Compression Stream API 使用 gzip 或者默认格式压缩和解压缩数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de 阅读全文
posted @ 2024-04-28 21:55 _clai 阅读(8) 评论(0) 推荐(0) 编辑
摘要: Cookie Store API 获取和设置 cookie 的信息 无法获取 HttpOnly 标记的 cookie expires 为 null 时,表示会话结束时过期 domain 只有在 domain 为当前域名的主域名时才显示(不包含子域名),否则为 null. <!DOCTYPE html 阅读全文
posted @ 2024-04-28 19:28 _clai 阅读(2) 评论(0) 推荐(0) 编辑