如何將通知數量放在網頁標簽圖示內?例如,whatsapp 如何將新訊息的數量放入 whatsapp 徽標中?

uj5u.com熱心網友回復:
選項卡中的圖示稱為 favicon,它是使用元標記設定的。每次訊息數量發生變化時,該網站都會將網站圖示更改為新圖示。這是更改網站圖示的代碼(通常可以是任何影像檔案):
document.querySelector("link[rel*='icon']").href = "[new favicon image url]";
您將需要為每個通知數量提供不同的影像。您可以通過生成影像并使用createObjectURL(閱讀更多)在客戶端執行此操作,或者您可以擁有影像并從服務器端加載它們。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/435605.html
標籤:javascript 网络
