探索 Modern Web Guidance 学科

浏览以下学科,探索相关指导领域。

核心学科

在 Web 上打造安全优质体验的最佳实践。

accessibility

评估、修复并在整个应用中实现有效的无障碍功能模式。

在 GitHub 上查看 accessibility 指南

performance

优化Core Web Vitals,缩短网页加载时间,并提高对用户输入的响应速度。

在 GitHub 上查看 performance 指南

privacy

实施从设计上保障用户隐私、数据最少化(原则)、第三方审核和安全的数据处理。

在 GitHub 上查看 privacy 指南

security

实施预防性安全准则,以防范常见的 Web 漏洞(XSS、CSP、Cookie、跨源隔离)。

在 GitHub 上查看 security 指南

Web 技术

使用核心 Web 语言、技术和运行时环境的最佳实践。

html

实现现代 HTML 架构、语义、原生互动式 API(对话框、弹出式窗口、详细信息)、焦点管理和资源优先级。

在 GitHub 上查看 html 指南

css

应用现代 CSS 架构、布局和性能最佳实践。

在 GitHub 上查看 css 指南

css-layout

使用 flexbox、网格、子网格、容器查询、锚定定位和固有尺寸调整等现代 CSS 功能构建自适应布局。

在 GitHub 上查看 css-layout 指南

forms

构建无障碍、安全且便于填写的 Web 表单。

在 GitHub 上查看 forms 指南

passkeys

遵循跨领域的现代原则,在 Web 应用中实现 WebAuthn 和通行密钥。

在 GitHub 上查看 passkeys 指南

webmcp

实现 WebMCP,以将客户端浏览器功能作为交互式工具向 AI 代理公开。

在 GitHub 上查看 webmcp 指南

浏览器功能(选择启用)

使用专用浏览器 API 和平台的最佳实践。这些技能与 modern-web-guidance 是不同的技能,必须单独安装。

chrome-extensions

在 Manifest V3 下构建安全合规的 Chrome 扩展程序,避免常见的 Service Worker 生命周期和沙盒化陷阱,并借助元数据、隐私权政策和权限正当理由准备工作,简化向 Chrome 应用商店的发布流程。如需选择启用,请在安装 Modern Web Guidance 时选择 chrome-extensions 技能:

npx modern-web-guidance@latest install --choose

在 GitHub 上查看 chrome-extensions 技能

后续步骤

现在,您已经了解了 Modern Web Guidance,不妨亲自试用一下!了解 Modern Web Guidance 中支持的功能和应用场景,并试用一些示例提示,以便快速入门。