<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

Рассчитан и на новичков, и на тех, кто уже знаком с основами, но хочет освоить полный цикл разработки.

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Удаление всплывающих окон через консоль браузера c JavaScript

Удаление всплывающих окон через консоль браузера c JavaScript

Удаление всплывающих окон через консоль браузера c JavaScript

Введение:

Всплывающие окна (pop-up) на веб-страницах часто бывают раздражающими и мешают комфортному использованию сайта. JavaScript позволяет удалять такие окна, особенно если известен тег элемента, который их содержит. В этой статье мы рассмотрим простой способ удаления всплывающих окон по указанному тегу через консоль браузера.

Как использовать консоль для удаления всплывающих окон:

Открытие консоли:

  • Откройте веб-страницу, на которой нужно удалить всплывающие окна.

  • Нажмите F12 на клавиатуре или кликните правой кнопкой мыши на странице и выберите "Инспектир" (Inspect).

  • Перейдите на вкладку Console.

Запуск кода:

  • Скопируйте и вставьте следующий код в консоль:

   function removePopupByTag(tagName) {
     const popups = document.getElementsByTagName(tagName);

     if (popups.length > 0) {
       for (let i = 0; i < popups.length; i++) {
         const popup = popups[i];
         popup.parentNode.removeChild(popup);
       }
       console.log(`Всплывающие окна с тегом ${tagName} удалены.`);
     } else {
       console.log(`Всплывающих окон с тегом ${tagName} не найдено.`);
     }
   }

   const tagName = prompt('Введите тег для удаления всплывающих окон:', 'div');

   if (tagName) {
     removePopupByTag(tagName);
   } else {
     console.log('Тег не был введен.');
   }

Запуск удаления:

  • После вставки кода в консоль нажмите клавишу Enter.

  • Консоль запросит вас ввести тег элемента, содержащего всплывающие окна.

  • После ввода тега и подтверждения скрипт удалит соответствующие всплывающие окна.

Этот метод позволяет удобно управлять всплывающими элементами на веб-странице через консоль браузера, освобождая страницу от нежелательных всплывающих окон.

Заключение:

Удаление всплывающих окон на веб-странице по тегу с помощью JavaScript может значительно улучшить пользовательский опыт, позволяя избавиться от мешающих элементов. Этот пример демонстрирует простой метод удаления элементов с определенным тегом, но его эффективность может зависеть от структуры и реализации всплывающих окон на странице.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (https://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: https://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: https://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.