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

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Чтобы определить разрешение экрана с помощью 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}`);
});

6 месяцев назад

Maksim Litvinov

10 месяцев·С нуля

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

от 6 792 ₽

2 месяца·Для продвинутых

ООП на Javascript

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

от 3 900 ₽

8 месяцев·Для продвинутых

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

от 4 851 ₽

1 месяц·Для продвинутых

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

от 3 900 ₽

1 месяц·Для продвинутых

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

от 3 900 ₽

Похожие вопросы