Проверяем, открыта ли страница по HTTPS!

Безопасное соединение — важное условие для работы многих Web API. Большинство таких API требуют secure context — то есть HTTPS или http://localhost.

Проверить протокол можно так:

const isSecure = window.location.protocol === "https:";
console.log("Безопасное соединение:", isSecure);

Если нужно принудительно перенаправить пользователя на HTTPS:

if (window.location.protocol !== "https:") {
  const { host, pathname, search, hash } = window.location;
  window.location.replace(`https://${host}${pathname}${search}${hash}`);
}

Также можно быстро вывести текущий адрес страницы:

console.log("Текущий адрес:", window.location.href);

🔥 Такой пример полезен для практики работы с объектом location, управления навигацией и понимания поведения редиректов в браузере.

📣 JS Ready | #практика

Хотите узнать, когда элемент появляется в зоне видимости?

Используйте IntersectionObserver, он срабатывает, когда элемент попадает в viewport:

const observer = new IntersectionObserver(([entry]) => {
  if (entry.isIntersecting) console.log('👀 Элемент виден');
});

Достаточно подключить наблюдение:

observer.observe(document.querySelector('#target'));

Теперь при появлении блока на экране в консоль выведется сообщение.

Можно остановить наблюдение, когда элемент уже показан:

observer.unobserve(document.querySelector('#target'));

🔥 IntersectionObserver работает асинхронно и не блокирует основной поток.

📣 JS Ready | #совет