在 iOS 智能橫幅上自定義主題

Question

我現在已經閱讀了幾篇文章，告訴我我無法自定義智能橫幅的顏色或內容。 然而，我看過幾個網站，我認為這是一個真正的智能橫幅，但有他們的主題。

查看 Deliveroo.co.uk（安裝了應用程序，屏幕截圖），您會在頂部看到智能橫幅（然后在下面明顯不工作的仿冒品）。

我幾乎可以肯定這是真正的智能橫幅，因為：

1. 它具有相同的物理結構，盡管具有自定義顏色
2. 如果我在 safari 上檢查它，它不會出現在 HTML 中（第一個元素是它下面的仿制品）。

有誰知道如何實現這一目標？

Answer 1

它是使用常規 HTML 定制的橫幅。 我能夠在 DOM 中找到它

在查看您的屏幕截圖時，我看到有 2 個橫幅。 第一個是您的 iPhone 提供的。 如果您的手機檢測到應用已安裝，它將顯示open的橫幅而不是install橫幅。 iphone 邏輯永遠不會同時顯示兩個橫幅，它要么是安裝的，要么是打開的。

此外，該橫幅的 html 類與頁面上的其他元素相匹配。 所以它只是頁面中的自定義構建

我還必須實現智能橫幅，而標准的 iPhone 選項在定制方面非常有限。

Answer 2

嘗試像這樣更改頁面的強調色：

<meta name="theme-color" content="#39ff14"/>

你的應用按鈕的背景和字體顏色應該會改變。

但是，您不能根據Apple 的文檔自定義橫幅內的任何其他元素。