Как определить при помощи JS браузер пользователя и его ip?

Question

[1233211]

Как определить у пользователя следующие поля?
- версию браузера
- тип браузера
- устройство пользователя
- ОС пользователя
- IP address

хочу как-то так вывести на страницу (пример):

Comments

[Dino Winchester]

1233211, если хорошо погуглить, то по каждому пункту списка, можно найти полезную информацию с примерами.

[Adamos]

Mizutsune, надо очень плохо гуглить, чтобы ее НЕ найти.

[Dino Winchester]

Adamos, это точно.

Answer 1

[Алексей]

navigator.userAgent
Информацию о браузере - устройствe и тп

fetch('https://api.ipify.org/').then(
  r => r.text()
).then(console.log);

ip

Answer 2

[Dino Winchester]

Можно достать информацию из navigator.userAgent и регулярными выражениями разбить полученную информацию на нужные фрагменты, после чего использовать. Но такой вариант подходит если есть опыт работы с регулярными выражениями.

Если пойти другим путем, можно вывести в консоль объект navigator и посмотреть какие свойства имеются в наличии, после чего подготовить функцию в которой будет происходить получение информации из нужных свойств объекта. Например в navigator.userAgentData хранится информация, которую можно использовать сразу, без обработки регулярными выражениями.

Или поискать библиотеки для подобных задач и использовать их для решения своих задач. Например есть такая библиотека UAParser.js или browser-dtector или Detect.js или куча других готовых решений.

Про получение IP - адреса, уже написали в соседних ответах.

Answer 3

[garbagecollected]

console.log('инфа по браузеру',navigator.userAgentData);
console.log('батарея',await navigator.getBattery());
console.log('местоположение',await navigator.geolocation.getCurrentPosition())
console.log('ip', await fetch('https://ipinfo.io',{credentials:'omit'}).then(res=>res.json()));