Есть ли способ использовать HTML в Chrome для изменения цвета панели навигации в Android?

Question

У меня есть веб-сайт HTML, и в настоящее время я делаю его мобильным. Можно ли изменить цвет панели навигации (внизу с 3 кнопками) в Android, когда вы находитесь в Chrome? Любая помощь будет принята с благодарностью, так как белая панель навигации не подходит для темно-синей темы моего сайта. Спасибо!

Answer 1

Напишите конкретный файл CSS для всех правил, которые вы хотите включить в браузере Chrome.
Добавьте все правила CSS в * 1002. * Медиа-запрос, чтобы включить эффекты только в мобильном телефоне.
Используйте следующий код JavaScriptиспользовать файл chrome css:

if (navigator.userAgent.toUpperCase().indexOf('CHROME') > -1)
{
     var chromeCss = document.createElement("link");

     chromeCss.rel = "stylesheet";
     chromeCss.href = "chromeMobile.css";

     document.getElementsByTagName("head")[0].appendChild(chromeCss);
}

См. этот веб-сайт для получения дополнительной информации о браузерах.

В случае, если вы имели в виду изменить цвет адресной строки Chrome, поставьте следующий код в операторе if:

var meta = document.createElement('meta');
meta.name = "theme-color";
meta.content = "";//Color code
document.getElementsByTagName('head')[0].appendChild(meta);