浏览以下学科,探索相关指导领域。
核心学科
在 Web 上打造安全优质体验的最佳实践。
accessibility
评估、修复并在整个应用中实现有效的无障碍功能模式。
performance
优化Core Web Vitals,缩短网页加载时间,并提高对用户输入的响应速度。
privacy
实施从设计上保障用户隐私、数据最少化(原则)、第三方审核和安全的数据处理。
security
实施预防性安全准则,以防范常见的 Web 漏洞(XSS、CSP、Cookie、跨源隔离)。
Web 技术
使用核心 Web 语言、技术和运行时环境的最佳实践。
html
实现现代 HTML 架构、语义、原生互动式 API(对话框、弹出式窗口、详细信息)、焦点管理和资源优先级。
css
应用现代 CSS 架构、布局和性能最佳实践。
css-layout
使用 flexbox、网格、子网格、容器查询、锚定定位和固有尺寸调整等现代 CSS 功能构建自适应布局。
forms
构建无障碍、安全且便于填写的 Web 表单。
passkeys
遵循跨领域的现代原则,在 Web 应用中实现 WebAuthn 和通行密钥。
webmcp
实现 WebMCP,以将客户端浏览器功能作为交互式工具向 AI 代理公开。
浏览器功能(选择启用)
使用专用浏览器 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 中支持的功能和应用场景,并试用一些示例提示,以便快速入门。