Показать условно div с цветом в angular, если браузер отличается от Google Chrome

#angular #typescript

#angular #typescript

Вопрос:

Поскольку я планирую отображать div, если какой-либо пользователь обращается к веб-странице, отличной от Google Chrome, я хочу показать сообщение о том, что в настоящее время мы не поддерживаем другие браузеры. Мы поддерживаем только Google Chrome. Я хочу добиться этого в Angular 8. Кто-нибудь может мне помочь в этом отношении?

Спасибо.

Ответ №1:

Как правило, вы не должны этого делать, это не имеет большого значения и с точки зрения продукта наносит ущерб вашим отношениям с вашими пользователями, поскольку отправляет сообщение, что вам все равно на их выбор. Как выразилась Mozilla в своей статье о прослушивании пользовательских агентов:

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

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


Сказав это, просто найдите строку пользовательского агента из строки пользовательского агента в заголовках HTTP, если эта логика расположена на сервере или используется navigator.userAgent во внешнем интерфейсе. Существует множество библиотек, которые будут анализировать это в согласованном формате для вас.