Pull to refresh

Интересное использование Adblock Plus

Reading time 4 min
Views 74K
Уже много лет использую Adblock plus, настраиваю фильтры под свои хотелки. Ценю простоту, скорость, лаконичность как в конце 90-х. Хотя некоторые и тогда умудрялись сделать жуткий вэб сайт с нагромождением JavaScript или DHTML.

И вот сегодня в полуночных бдениях вспомнил взаимоотношения Роскомнадзора и Pornhub'a. Решил ознакомиться с вторым по списку, интересно стало, что же это там такого на химичили. А там теперь предлагают проверку возраста через социальную сеть «Вконтакте». Впал я в тоску, так как не использую социальные сети, а ради изучения анатомических подробностей влезать в такую кабалу — не желаю. На VPN сейчас денег жалко. Но на моё счастье проснулся спортивный интерес.

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

Код проверки возраста
<div id="age-verification-container"></div>
<div id="age-verification-wrapper">
	<div class="age-verification-modal clearfix">
		<div class="age-verification-left">
			<div class="logo age-verification-logo">
								<img src="https://bi.phncdn.com/www-static/images/pornhub_logo_straight.png?cache=2017072020" alt="Pornhub" width="150" height="40" />
			</div>
		</div>
		<div class="age-verification-right">
			<h1>ДЛЯ ПОДТВЕРЖДЕНИЯ, ЧТО ВЫ СТАРШЕ 18-ТИ, ПОЖАЛУЙСТА, АВТОРИЗИРУЙТЕСЬ ЧЕРЕЗ ВК</h1>
			<p>Данный сайт предназначен сугубо для лиц 18 лет и старше. Если вы моложе 18 лет, то, пожалуйста, покиньте этот сайт. Этот сайт содержит изображения, видео, аудио, текст для взрослых людей, занимающихся действиями сексуального характера. Если доступ и просмотр материалов для взрослых не законен для Вас, пожалуйста, покиньте сайт прямо сейчас.</p>
			
<p>Продолжая и подтверждая, что вам 18 лет и старше, вы самостоятельно подтверждаете доступ к просмотру сексуально откровенных материалов для взрослых, такиx, как фильмы для взрослых, хардкор фильмы для взрослых, XXX фильмы. Выбор за Вами, подчиняться ли местным законам, касающимся материалов для взрослых. Вашим выбором Вы берете на себя ответственность за любые Ваши действия на сайте, личные последствия от использования сайта и соблюдение общественных и социальных норм. Создатели этого сайта и поставщики услуг не несут никакой ответственности за Ваш выбор - продолжить использование этого сайта.</p>
		
	<p>Данный сайт не предназначен для совместного использования с лицами младше 18 лет и предназначен сугубо для персонального единоличного использования. Для согласия с вышеприведенной информацией, подтвердите свою дату рождения и нажмите кнопку ВОЙТИ.</p>
			<br/>
							<p>Эта мера только для подтверждения Вашего возраста, мы не используем и не сохраняем Вашу личную информацию</p>
				<div id="auth_button" class="age-verification-button">
					<button onclick="return show_vk_widget();" id="js-checkAge" class="age-verification-button-enter removeAdLink">
						<span>aвторизируйтесь через ВК</span>
					</button>
				</div>


Блокировка по сути своей ещё два слоя над основной тушкой. Это очень хорошо, значит это можно вырезать как лишнее. На помощь мне пришло старое доброе дополнение браузера Adblock Plus. В нём есть возможность скрывать DIV блоки.

По описанию на сайте разработчика Adblock Plus, на скорую руку сделал фильтр для Pornhub состоящий из двух правил.

Вырезка из правил

Скрытие элементов


Основные правила


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



<div class="textad">
Cheapest tofu, only here and now!
</div>
<div id="sponsorad">
Really cheap tofu, click here!
</div>
<textad>
Only here you get the best tofu!
</textad>


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



Первый рекламный слоган выше находится внутри элемента DIV с классом «textad». Следующее правило скроет скроет именно такую комбинацию: ##div.textad. Тут «##» является признаком правила скрытия, а остальное — селектором, определяющим скрываемый элемент. Скрывать элементы по их атрибуту ID можно аналогичным образом, ##div#sponsorad скроет второй слоган. Указывать имя самого элемента не обязательно, фильтр ##*#sponsorad так же будет работать (* тоже не обязательна). Также можно скрывать элементы лишь по их имени. Например, ##textad скроет третий рекламный слоган.



Расширение Element Hiding Helper поможет в выборе нужного элемента и написании соответствующего правила без изучения исходного кода страницы. Базовые знания в HTML желательны в любом случае.



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




Инструкция:

Установите дополнение.
В зависимости от используемого Вами браузера перейдите в его дополнения и найдите там «Adblock Plus». Или установите его с сайта разработчика.

В настройках фильтров Adblock plus.
На вкладке «Собственные фильтры», кликните «Добавить группу фильтров».
Задайте какое-нибудь название этой группе.
Внутри неё Добавтье два фильтра со следующим содержимым:

1) ##div#age-verification-container
2) ##div#age-verification-wrapper

Если у Вас уже установлен Adblock Plus.
Добавьте в него два правила для сокрытия элементов.

1) ##div#age-verification-container
2) ##div#age-verification-wrapper

В итоге должно получиться как на скриншоте.

Скриншот правил
image

Для разовой проверки можете удалить блоки (выделить нужный блок и нажать «DEL» или через меню мышкой) DIV «age-verification-container» и «age-verification-wrapper» через меню «Разработка» (Firefox клавиша F12, в других браузерах может по другому называться).

Скриншот меню разработки.
image

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

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

Немножко юмора для комитетчиков: Ну будьте Вы человеками, я и так безработный сис.админ, а вы ещё норовите перекрыть доступ к практически последней радости. Нет нужды опасаться за исправность моей мышки, я и без этого ресурса смогу её за кликать до короткого замыкания.
Tags:
Hubs:
+8
Comments 42
Comments Comments 42

Articles