Как через JS проверить что пользователь пользуется встроенным браузером?

Question

[Davidaa_WoW]

Нужно проверять, что пользователь открыл страницу через встроенный браузер, такой открывается иногда при переходе по ссылке, или при авторизации wifi. У многих пользователей возникает проблема именно при его использовании. Есть ли какой-то media query для этого? Или всякими browser detector-ами пользоваться надо? В интернете чего-то нет информации.

Comments

[Владислав Лысков]

я думаю только проверять на популярные браузеры, и если не один из них, то ...

Answer 1

[Михаил Р.]

Есть ли какой-то media query для этого?

Нет.

Или всякими browser detector-ами пользоваться надо?

Только косвенно, по User-Agent или отсутствию некоторых функций, например serviceWorker.

Пример проверки "встроенных браузеров", используя User-Agent:

function isEmbedded(userAgent) {
  const userAgents = ['FBAV', 'Instagram', 'Snapchat', 'Twitter'];
  return userAgents.some(id => userAgent.includes(id));
}

console.log(isEmbedded(window.navigator.userAgent)); // true

Пример проверки "встроенных браузеров", используя отсутствие функции serviceWorker:

if (!('serviceWorker' in navigator)) console.log('Embedded?');

Библиотека Bowser позволяет проще получать данные о браузере.

Answer 2

[Алексей]

Попробуйте свойство navigator
console.log(navigator.userAgent)

Для ознакомления: тыц