請瀏覽下列學科,瞭解相關指引。
核心學科
在網路上打造安全優質體驗的最佳做法。
accessibility
評估、修正及實作整個應用程式的有效無障礙模式。
performance
最佳化Core Web Vitals、縮短網頁載入時間,並提升對使用者輸入內容的回應速度。
privacy
實作隱私保護設計、資料最小化原則、第三方稽核和安全資料處理。
security
導入預防性安全防護指南,防範常見的網路安全漏洞 (XSS、CSP、Cookie、跨來源隔離)。
網路技術
使用核心網頁語言、技術和執行階段環境的最佳做法。
html
導入現代 HTML 架構、語意、原生互動式 API (對話方塊、Popover、詳細資料)、焦點管理和資源優先順序。
css
套用現代 CSS 架構、版面配置和效能最佳做法。
css-layout
使用 flexbox、grid、subgrid、容器查詢、錨點定位和內建大小等現代 CSS 功能,建構回應式版面配置。
forms
建構無障礙、安全且容易使用的網路表單。
passkeys
遵循現代原則,在網頁應用程式中導入 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 支援的功能和用途,並試用幾個提示範例,即可開始使用。