как определить разрешение экрана с помощью javascript

Чтобы определить разрешение экрана с помощью JavaScript, можно воспользоваться свойствами объекта window.screen. Этот объект содержит информацию о экране пользователя, включая разрешение. Разрешение экрана обычно определяется через два свойства: width (ширина) и height (высота) в пикселях.

Пример кода для определения разрешения экрана:

const screenWidth = window.screen.width;
const screenHeight = window.screen.height;

console.log(`Разрешение экрана: ${screenWidth}x${screenHeight}`);

Также можно добавить обработчик изменения размеров окна браузера, чтобы отслеживать изменения разрешения экрана в реальном времени:

window.addEventListener('resize', () => {
  const newScreenWidth = window.screen.width;
  const newScreenHeight = window.screen.height;

  console.log(`Новое разрешение экрана: ${newScreenWidth}x${newScreenHeight}`);
});