探索 Modern Web Guidance 領域

請瀏覽下列學科,瞭解相關指引。

核心學科

在網路上打造安全優質體驗的最佳做法。

accessibility

評估、修正及實作整個應用程式的有效無障礙模式。

在 GitHub 上查看accessibility指南

performance

最佳化Core Web Vitals、縮短網頁載入時間,並提升對使用者輸入內容的回應速度。

在 GitHub 上查看performance指南

privacy

實作隱私保護設計、資料最小化原則、第三方稽核和安全資料處理。

在 GitHub 上查看privacy指南

security

導入預防性安全防護指南,防範常見的網路安全漏洞 (XSS、CSP、Cookie、跨來源隔離)。

在 GitHub 上查看security指南

網路技術

使用核心網頁語言、技術和執行階段環境的最佳做法。

html

導入現代 HTML 架構、語意、原生互動式 API (對話方塊、Popover、詳細資料)、焦點管理和資源優先順序。

在 GitHub 上查看html指南

css

套用現代 CSS 架構、版面配置和效能最佳做法。

在 GitHub 上查看css指南

css-layout

使用 flexbox、grid、subgrid、容器查詢、錨點定位和內建大小等現代 CSS 功能,建構回應式版面配置。

在 GitHub 上查看css-layout指南

forms

建構無障礙、安全且容易使用的網路表單。

在 GitHub 上查看forms指南

passkeys

遵循現代原則,在網頁應用程式中導入 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 支援的功能和用途,並試用幾個提示範例,即可開始使用。