如何通過網站為 iOS 共享表設置縮略圖？

Question

我試圖弄清楚如何在 iPhone 中顯示共享表的縮略圖（我已為我所指的圖標附加了圖像）。 此功能似乎僅適用於 ios 13。我不確定圖像/圖標是從哪里獲取的。 我已經在網站上正確設置了 favicon 和 og:image 的路徑，但是圖像沒有被拾取。

目前，對於我使用/assets/favicon.ico作為圖標和 og:image 的路徑。 圖片應該是www.domain-name.com//assests/favicon.ico嗎？ 我無法從蘋果部分找到任何關於此的文檔。

對於 navigator.share，它沒有共享圖標的任何細節，我們只能傳遞文本、URL、描述和文件，我相信 navigator.share 不對圖像負責。 應從 icon 或 og:image 中獲取圖像/圖標。

非常感謝任何建議或提示。

Answer 1

經過一番嘗試后，我想出了解決方案。

問題：

我想在使用本機共享功能時顯示 ios 13 設備的縮略圖（從網站上獲取）。

期待：

每當我從瀏覽器使用本機共享並顯示標題和文本以及圖像時

代碼：

const title = 'Website Name'
const text = 'Welcome to the website'
const url = 'beer_and_melons.com'
    
navigator.share ( {title,text,url});

限制：如果我想顯示網站標志，我不能傳遞文本字段。 IE

navigator.share ({url})

這樣，爬蟲將通過您的站點 go 並拾取圖標（不是 og:image ）

結論：

文字和圖片不能同時使用，需要妥協！

以下是圖片，注意我沒有添加任何文字

以下是帶有文本字段的圖像

希望這對某人有所幫助，並且不會浪費一整天的時間來尋找解決方案！

願原力與你同在！