47 lines
1.5 KiB
Markdown
47 lines
1.5 KiB
Markdown
# Demo 3：Chrome 官方新特性快闪
|
||
|
||
<div class="grid grid-cols-2 gap-8 mt-8">
|
||
|
||
<div class="card-blue">
|
||
<div class="font-semibold mb-3">Agentic Web 相关</div>
|
||
<div class="space-y-2 text-sm">
|
||
|
||
- WebMCP：页面暴露工具给 Agent
|
||
- Modern Web Guidance：给 AI 编程工具补现代 Web 知识
|
||
- DevTools for agents：让 Agent 看见浏览器运行时
|
||
- Prompt API：浏览器内置 AI 能力
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="font-semibold mb-3">体验与平台能力</div>
|
||
<div class="space-y-2 text-sm text-gray-300">
|
||
|
||
- HTML-in-Canvas：真实 DOM 进入 Canvas / 3D
|
||
- Baseline：判断哪些 Web 能力可以放心评估
|
||
- View Transitions：页面状态切换更自然
|
||
- Navigation API：更现代的导航状态管理
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="mt-8 card-amber text-sm">
|
||
只讲位置，不展开 API：这些官方 demo 共同说明 Chrome 正在同时升级 Agent 交互、开发工作流和用户体验。
|
||
</div>
|
||
|
||
<!--
|
||
官方快闪顺序建议：
|
||
1. WebMCP: https://developer.chrome.com/docs/ai/webmcp/imperative-api
|
||
2. Modern Web Guidance: https://developer.chrome.com/docs/modern-web-guidance
|
||
3. DevTools for agents: https://developer.chrome.com/docs/devtools/agents/get-started
|
||
4. Prompt API: https://developer.chrome.com/docs/ai/prompt-api
|
||
5. HTML-in-Canvas: https://developer.chrome.com/blog/html-in-canvas-origin-trial
|
||
6. Baseline: https://web.dev/baseline
|
||
7. View Transitions: https://view-transitions.chrome.dev/
|
||
|
||
讲法：每个只用 30-45 秒。不要现场深入配置，避免偏离 WebMCP 主线。
|
||
-->
|