| 演示名称 | 说明和文档 | 源代码 & 自述文件 | 实时演示页 |
|---|---|---|---|
| 内置 AI场 | 演示页面显示如何在 Microsoft Edge 中使用内置的提示和编写辅助 AI API。 | /built-in-ai/ | 内置 AI场 演示 |
| CSS Gap 修饰演示 | 在 CSS 网格、弹性框和多列布局中的空白内绘制线条修饰。 | /css-gap-decorations/ | CSS Gap 修饰演示 (自述文件) |
| CSS Masonry 演示 | 展示 CSS Masonry 布局的实现。 | /css-masonry/ | CSS Masonry 演示 (自述文件) |
| CSS 自定义突出显示 API | 如何以编程方式在网页上创建和删除自定义突出显示。 | /custom-highlight-api/ | CSS 自定义突出显示 API 演示 |
| EditContext API 演示 | 演示页显示如何使用 EditContext API 生成高级文本编辑器。 | /edit-context/ | HTML 编辑器演示 |
| EyeDropper API | 如何使用 EyeDropper API 从 JavaScript 创建颜色采样工具。 | /滴管/ | EyeDropper API 演示 |
IndexedDB： getAllRecords() |
显示建议 getAllRecords() 的 IndexedDB 方法更方便、更快速地读取 IDB 记录的好处。 |
/idb-getallrecords/ | IndexedDB：getAllRecords () 演示 |
| 通知演示 | 使用传入呼叫通知。 | /incoming-call-notifications/ | 通知演示 |
| JSON 虚拟数据 | 简单的 JSON 文件。 用于 使用格式查看 JSON 文件或服务器响应。 | /json-dummy-data/ | json 虚拟数据 (自述文件) |
| 页面颜色自定义滚动条演示 | 显示具有自定义颜色的页面中的自定义绿色滚动条。 | /page-colors-custom-scrollbars/ | 页面颜色自定义滚动条演示 |
| 读取器应用 | 文章阅读器应用，用于演示如何使用各种 Web API，例如 CSS 自定义突出显示、<selectmenu>、EyeDropper、CSS 和 JSON 模块、滚动动画时间线和异步剪贴板。 |
/读者/ | 阅读器 演示 |
打开 UI 的 <selectlist> 演示 |
演示网页，其中显示了如何使用 Open UI 的 <selectlist> 元素。 |
/selectlist/ | 打开 UI 选择 <列表> 演示 |
<selectmenu> 演示 |
OpenUI 的 <selectmenu> 组件已重命名为 <selectlist>。 |
/selectmenu/ |
<selectmenu> 演示，重定向到 /selectlist/ 演示 |
| 异步剪贴板 API 中的 SVG 支持 | 演示页，其中显示了异步剪贴板 API 如何支持 SVG 格式。 | /svg-clipboard/ | SVG 剪辑栏支持演示 |
| WebNN API | 使用 WebNN API 生成机器学习图并在设备的硬件上运行它。 | /webnn/ | WebNN API 演示 |