add official Chrome feature demos

This commit is contained in:
2026-06-14 15:22:32 +08:00
parent 500217f2fd
commit de690f85fa
32 changed files with 2376 additions and 567 deletions
+9 -8
View File
@@ -1,4 +1,4 @@
# Demo 6:Chrome 官方新特性快闪
# Demo 9:最后快闪与串联
<div class="grid grid-cols-2 gap-8 mt-8">
@@ -7,9 +7,10 @@
<div class="space-y-2 text-sm">
- WebMCP:页面暴露工具给 Agent
- Modern Web Guidance:给 AI 编程工具补现代 Web 知识
- DevTools for agents:让 Agent 看见浏览器运行时
- Prompt API:浏览器内置 AI 能力
- WebMCP:页面暴露工具给 Agent
- Modern Web Guidance:已演示官方 CLI
- DevTools for agents:已演示官方 MCP 流程
- Prompt API:官方 demo 快闪
</div>
</div>
@@ -18,9 +19,9 @@
<div class="font-semibold mb-3">体验与平台能力</div>
<div class="space-y-2 text-sm text-gray-300">
- HTML-in-Canvas:真实 DOM 进入 Canvas / 3D
- HTML-in-Canvas:已演示本地页和官方限制
- Baseline:判断哪些 Web 能力可以放心评估
- View Transitions:页面状态切换更自然
- View Transitions:已演示本地页
- Navigation API:更现代的导航状态管理
</div>
@@ -29,7 +30,7 @@
</div>
<div class="mt-8 card-amber text-sm">
只讲位置,不展开 API:这些官方 demo 共同说明 Chrome 正在同时升级 Agent 交互、开发工作流和用户体验。
最后用这页收束:Chrome 新能力不是孤立 API,而是同时升级 Agent 交互、开发工作流和用户体验。
</div>
<!--
@@ -42,5 +43,5 @@
6. Baseline: https://web.dev/baseline
7. View Transitions: https://view-transitions.chrome.dev/
讲法:每个只用 30-45 秒。不要现场深入配置,避免偏离 WebMCP 主线。
讲法:这里不再逐个展开,只做总览收束和听众记忆点。
-->