螢幕截圖

實驗性： 這是一個 實驗性技術
在生產環境中使用此功能之前，請仔細檢查 瀏覽器相容性表。

型別 陣列

screenshots 成員定義了一個螢幕截圖陣列，用於展示應用程式。這些影像旨在供漸進式 Web 應用商店使用。

屬性

screenshots 成員是一個物件的陣列，每個物件代表一個螢幕截圖。每個螢幕截圖物件可能包含以下屬性

form_factor

表示一類裝置的字串。僅當螢幕截圖僅適用於特定外形尺寸時才應使用此屬性。

此屬性可以取以下值之一

  • "narrow"：螢幕截圖僅適用於窄螢幕。
  • "wide"：螢幕截圖僅適用於寬螢幕。
label

表示螢幕截圖物件的輔助名稱的字串。此成員可以用作螢幕截圖的替代文字。

platform

表示螢幕截圖適用的平臺的字串。當螢幕截圖僅適用於特定裝置或分發平臺時，應使用此屬性。使用者代理不應顯示包含與當前平臺不同的 platform 值的螢幕截圖（例如，Google Play 不應顯示 platform 為 "ios" 的螢幕截圖）。

此屬性可以取以下值之一

  • 裝置平臺識別符號
    • "android"
    • "chromeos"
    • "ipados"
    • "ios"
    • "kaios"
    • "macos"
    • "windows"
    • "xbox"
  • 分發平臺識別符號
    • "chrome_web_store"
    • "itunes"
    • "microsoft-inbox"
    • "microsoft-store"
    • "play"
sizes

描述影像大小的字串，或者對於可以包含多個影像的影像格式（如 ICO）而言，描述多個大小的字串。此屬性等效於 <link> 元素的 sizes 屬性，並以相同的方式指定。

src

表示使用者代理可以從中獲取影像資料的 URL 的字串。

type

表示影像的 MIME 型別 的字串。

示例

json
"screenshots" : [
  {
    "src": "screenshot1.webp",
    "sizes": "1280x720",
    "type": "image/webp",
    "form_factor": "wide",
    "label": "Homescreen of Awesome App"
  },
  {
    "src": "screenshot2.webp",
    "sizes": "1280x720",
    "type": "image/webp",
    "form_factor": "wide",
    "label": "List of Awesome Resources available in Awesome App"
  }
]

規範

未找到規範

未找到 html.manifest.screenshots 的規範資料。
檢查此頁面的問題 或為缺少的 spec_url 貢獻程式碼至 mdn/browser-compat-data。同時確保規範包含在 w3c/browser-specs.

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。