Как называются всплывающие окна. Блокировка всплывающих окон в Opera. Как самостоятельно создать всплывающее окно

Современный человек проводит в сети Интернет достаточно много времени, причем, это может быть как развлечение, общение, так и работа.

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

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

Всплывающее окно – первое знакомство

Как правило, даже если вас можно отнести к новичкам, которые только осваивают возможности Сети, вы уже очень скоро «оцените» такое явление, как всплывающее окно, предстающее перед вашим взором чаще, чем хотелось бы. Такое окно вводит в заблуждение или даже пугает, особенно если вас можно отнести к начинающим серферам, которые еще не в курсе всех тонкостей рекламной интернет-индустрии.

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

Причем, разработчики сайтов, которые «грешат» всплывающими рекламными окнами, делают все возможное, чтобы вы не смогли его моментально закрыть.

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

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

Всплывающие окна – технология расширения возможностей веб-приложения

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

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

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

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

Всплывающие окна: зло или благо – решать вам

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

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

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

Многие активные пользователи Сети очень часто пользуются разными браузерами, поэтому тему от Mozilla, а также настройку запрета или вы также найдете на страницах нашего сайта.

Познакомьтесь с материалами нашего ресурса, и вы сможете управлять всплывающими окнами в браузере так, как это необходимо вам и сможете сделать свое пребывание в Интернете комфортным и приятным.

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

Зачем нужны всплывающие окна

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

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

Какие браузеры умеют блокировать pop-up-рекламу

Разные браузеры блокируют всплывающие окна по-разному. Первыми, кто применил подобный инструмент стали разработчики Opera . Именно тогда началась «гонка вооружений», в которой участвовали разработчики ведущих браузеров:

Как уже было упомянуто, первыми заявили о возможности избавиться от всплывающих окон конструкторы браузера Opera. Первая версия с таким механизмом реализована в далёком 2000 году.
Разработчики Mozilla Firefox присоединились к этой борьбе с pop-up-рекламой чуть позднее. Они усовершенствовали подход, блокируя лишь ту рекламу, которая грузится сразу вместе с главным окном сайта. Если позднее сайту потребуется создать pop-up, то это происходит без проблем.
Ну и самыми последними были разработчики Microsoft , которые в 2004 году также реализовали механизм блокировки в своём Internet Explorer.
Google Chrome также имеет подобный механизм. Его ноу-хау состоит в реализации только базовых функций блокировки. Расширенные функции переданы дополнениям, которые сегодня представлены десятками групп независимых разработчиков.
Яндекс.Браузер также умеет блокировать вредное содержимое. Его особенность – работа со своей базой «плохих» ссылок. Вы видите хорошую рекламу, а запрещённая и сомнительная блокируются.

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

Microsoft Edge

По умолчанию этот браузер блокирует все всплывающие окна. Чтобы включить этот режим или проверить его работу, выберите в настройках пункт «…» и нажмите кнопку «Просмотреть дополнительные параметры».

Выберите пункт «блокировать всплывающие окна». Второй сверху – запутаться трудно.

Internet Explorer

В Internet Explorer настройка запрятана глубже:

Google Chrome и Opera

В этом интернет-обозревателе вам нужно выбрать пункт Настройки. Он скрывается под кнопкой с тремя горизонтальными палочками.

Затем начинаем писать «блок» в окне поиска настроек и выбираем «Настройки контента».

Обратите внимание, что в Google Chrome можно как удалить все всплывающие окна, так и выборочно.

Нажмите на кнопку «Настроить исключения» и добавьте сайт, которому доверяете, в список. Или наоборот – запретите какому-то сайту создавать всплывающие окна.

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

Если вы увидели в строке адреса вот такой значок, значит Google Chrome заблокировал какое-то попап-окно на этом сайте. Если вы уверены в том, что это сделано неправильно, нажмите на значок и разрешите этому сайту создавать подобные элементы.

Яндекс.Браузер

В этом браузере пункт настроек с блокировкой окон называется Настройка содержимого. В остальном всё так же, как и в Хроме.

Программы для блокировки всплывающих окон в браузерах

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

Adguard

Активно продвигаемое в отечественном интернете приложение. Имеет свою базу «плохих» адресов, с которых приходит навязчивая реклама. Приложение способно отличить контекстную рекламу, прошедшую контроль уважаемых рекламных сервисов, от навязчивых объявлений сайтов азартных игр, фишинга и порнографии.

Это средство имеет мировой авторитет. Это бесплатное приложение скачано уже 300 миллионов раз! На официальном сайте вы найдёте ссылку для скачивания именно под свой браузер. Вот как она выглядит для Яндекс.Браузер.

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

Установить эти приложения вы можете в магазинах дополнений браузеров или на официальном сайте производителей. Ни в коем случае не пользуйтесь сторонними ссылками на дистрибутивы!

Бесплатные версии описанных сервисов блокировки рекламы позволяют пользоваться лишь имеющимися фильтрами. Платные дадут вам возможность самим определять списки «белых» и «чёрных» сайтов . Честно говоря, обычному пользователю такой функционал ни к чему. Так что лучше пользоваться базовым бесплатным функционалом.

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

Это явление может быть трех видов :

Реклама , встроенная владельцем сайта. Нередко она полезна из-за того, что совпадает с тематикой сайта либо взаимосвязана с ней.
Назойливая реклама и спам. Вызвано это явление тем, что компьютер заражен вредоносным вирусом.
Взаимодействия с пользователем . Такие окна встречаются редко, но они важны для полноценной работы с данным сайтом, например окно с капчей для авторизации; диалоговое окно с подтверждением действия или операции; увеличенное изображение.

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

Реклама в Google Chrome

Согласно стандартным настройкам браузер Google Chrome блокирует рекламу, однако эту функцию можно отключить .

Отключить либо же включить, в случае необходимости вышеупомянутую функцию можно следующим образом :

Запускаем обозреватель Google Chrome;
В правом верхнем углу экрана, находим кнопку «Ещё» и кликаем;
Здесь выбираем меню «Настройки »;
Внизу страницы выбираем пункт «Дополнительные »;
Далее переходим в раздел «Конфиденциальность и безопасность », а затем «Настройки контента »;
Переходим в пункт «Всплывающие окна » и устанавливаем переключатель в нужное положение.

Настраиваем Яндекс браузер

Яндекс.браузер является достаточно новым, но и он снабжен встроенной функцией полной, либо частичной блокировки рекламы.

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

Здесь понадобится перейти в раздел “Защита личных данных ”, а затем “Настройки содержимого ”. Это откроет отдельный раздел с настройками, где и находится искомый блок “Всплывающие окна ”.

Здесь можно включить либо выключить запрет всех просматриваемых сайтов, а также задать список сайтов исключений.

Обозреватель Opera

Обозреватель Opera позволяет производить управление подобной рекламы двумя способами.

Вариант 1 . Необходимо кликнуть в левом верхнем углу на логотип Opera, что раскроет список меню. Здесь понадобится пункт “Настройки ” — “Быстрые ” — “Всплывающие окна ”.

Вариант 2 . В случае, если в браузере включена верхняя строка либо “линейка” основного меню, то к управлению всплывающими окнами можно перейти через меню “Инструменты ”.

Настройки в Mozilla Firefox

Firefox, по умолчанию автоматически, блокирует такую рекламу, однако этой функцией можно управлять. Для этого понадобится пройти путь “Инструменты ” — “Настройки ” — “Содержимое ” — “Блокировать всплывающие окна ”

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

Изменения в Internet Explorer

Internet Explorer является достаточно старым и именно от него многие последующие браузеры переняли рассматриваемую функцию блокировки. Управлять же этим процессом в данном браузере можно следующим образом:

Открываем пункт “Сервис ”, а затем “Свойства браузера ”;
После этого кликаем на “Конфиденциальность ”, потом на “Блокирование всплывающих окон ” и в итоге раскрываем меню “Параметры ”;
Здесь в разделе “Уровень блокировки ” можно выставить нужные параметры.

Сказал и ушел, нарисовав себе в голове такую картину:

Валентин описал функционал, но макет отрисовывать не стал, ведь проект ведется давно и есть UI-кит, так что разработчику достаточно просто собрать все элементы. На следующий день Валентин приходит в офис и видит:

Валентин расстроен, Гоша зол, несколько часов рабочего времени потрачены впустую. То, что хотел Валентин, называется «немодальный поповер», а то, что сделал Гоша – «модальное диалоговое окно». Члены команды не поняли друг друга, так как не пользовались общепринятой терминологией.

Далеко не все всплывающие окна можно назвать «попапом». Прежде чем разобраться в их различиях, давайте узнаем что такое «модальность».

Модальность

В зависимости от контекста, слово «модальность» может иметь два разных значения. Применительно к интерфейсу в целом, оно подразумевает наличие различных режимов: например, для набора заглавных букв нужно нажать Caps lock, то есть переключить/выбрать другой режим. А когда мы говорим о всплывающих окнах, модальность означает блокирование работы с интерфейсом, до тех пор пока окно не будет закрыто (обычно это выглядит как затемнение фона).

Классификация всплывающих окон

Теперь можно разобрать классификацию:

Alert. Используется, чтобы сообщить об ошибке, либо предупредить пользователя о последствиях действия, которое он собирается совершить. Обычно содержат внутри себя две кнопки, вроде «Сделать что-то» и «Отменить». Алерты чаще всего модальны, то есть блокируют интерфейс позади себя, пока юзер не произведет действие внутри окна. Так как они прерывают работу пользователя, алерты должны использоваться только в крайних случаях. Например, при безвозвратном удалении файла, либо для подтверждения покупки. Хороший алерт всегда имеет информативный текст, поясняющий что произошло и почему это стоит внимания пользователя. В частности, фраза «Произошла ошибка!» — пример плохого алерта, так как не сообщает никакой полезной информации, но если заменить ее на «Соединение отсутствует! Проверьте, подключен ли ваш компьютер к сети», то юзеру станет намного понятнее в чем проблема и как ее решить. Также в хорошем алерте размещают не более двух кнопок, заголовок каждой из которых глаголом описывает действие при нажатии. Например, кнопки «Да» и «Отмена» — вроде бы понятны пользователю, но если переименовать их в «Удалить» и «Отменить», станет намного лучше.

Dialogs (диалоговое окно). Это окно, которое пользователь открывает самостоятельно и производит в нем различные действия. Могут быть модальными (для важных и одноразовых задач) и немодальными (для частых и повторяющихся задач). Диапазон использования таких окон очень широк.

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

Notifications. Сообщают о том, что начался или завершился какой-либо процесс, или совершилось какое-то действие. Обычно пропадают со временем, если не обращать на них внимания, либо остаются висеть, пока юзер не закроет их (в случае, если информация особенно важна). Могут содержать в себе кнопки действия. Текст уведомлений всегда должен быть кратким, но информативным, чтобы пользователю было понятно, что произошло.

Lightbox. Используется для увеличения элемента, на котором хочет сфокусироваться пользователь. В основном лайтбоксы применяют в галереях для просмотра картинок. Например, чтобы листать изображения не выходя из лайтбокса используются миниатюры внутри окна, либо кнопки со стрелками влево и вправо. Лайтбоксы также бывают модальными и немодальными.

Tooltip. Это подсказка, которая отображает дополнительную или справочную информацию. Может появляться либо по наведению курсора на элемент, либо по клику. Тултипы всегда немодальны.

Popover. Если скрестить диалоговое окно и тултип, то получится поповер. Он немодален, за редким исключением, появляется в месте клика и, как правило, имеет стрелку, показывающую на элемент, к которому относится. Используется для того, чтобы получить доступ к дополнительным функциям или разделам. Одновременно на странице может быть открыт только один поповер — при открытии дополнительного, предыдущий закрывается.

В заключение

В данной статье приведена общепринятая классификация всплывающих окон, но в некоторых гайдлайнах можно встретить как дополнения, так и некоторые расхождения: например, где-то popover и tooltip это разные вещи, а где-то – одно и тоже. Главное – придерживаться правил конкретной платформы. Например, в OS X модальное диалоговое окно всегда выезжает сверху и дает ресайзить родительское окно, а в Windows оно всегда появляется посередине и наглухо блокирует родительский интерфейс.