Изменение цвета строки заголовка на Chrome для Android не работает - PullRequest
Новая
       15

Изменение цвета строки заголовка на Chrome для Android не работает

0 голосов
/ 01 июня 2018

Я пытаюсь изменить цвет меню заголовка / панели поиска на мобильных устройствах для веб-сайта с кодом ниже в тегах <head>. 

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#313131">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#00f800">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#00f800">

Это, однако, не работает для меня, поэтомупробовал также с помощью json-файла мобильного манифеста, поместив его в заголовок: 

<link rel="manifest" href="manifest.json" />

, где manifest.json, как показано ниже: 

{
  "short_name": "Maps",
  "name": "Google Maps",
  "icons": [
  {
   "src": "/images/icons-192.png",
    "type": "image/png",
    "sizes": "192x192"
  },
  {
    "src": "/images/icons-512.png",
    "type": "image/png",
    "sizes": "512x512"
  }
  ],
  "start_url": "/maps/?source=pwa",
  "background_color": "#3367D6",
  "display": "standalone",
  "scope": "/maps/",
  "theme_color": "#3367D6"
}

Это также не сработало, поэтому проверил переполнение стекаи заметил, что отсутствие действительного ssl-сертификата также может быть причиной, и поэтому добавил его на сайт, но проблема все еще остается.

Цвет немного меняется на темно-серый, поэтому кажется, что-то делаетоднако не цвет, который я после.Я использовал ряд шестнадцатеричных кодов из примеров здесь, а также с сайтов, на которых я вижу работу на том же мобильном устройстве, на котором я тестирую, поэтому не верьте, что это проблема с мобильным телефоном или используемыми цветами.

Мне интересно, есть ли другие причины, по которым это сейчас работает?

...