понедельник, 15 февраля 2016 г.

О блокировке отдельных элементов на страницах сайтов


Увы, но даже интересные сайты сайты со временем вводят у себя такие нововведения, которые могут не то, чтобы раздражать, но и довести "до белого каления", распространяющееся на его авторов. Вот так у меня и получилось с сайтом http://lifehacker.ru


Я его читаю, я получаю его рассылку, но меня "бесит" то, что меня снова и снова призывают подписаться на новости. Передо мной остро встал вопрос: как заблокировать отдельные элементы на сайте. К счастью, как сказал один из героев старого фильма, "нашлись, нашлись добрые люди ..." (к/ф "Ирония судьбы или с лёгким паром"). Пришлось мне обратить внимание на установленное ранее в несколько своих браузеров дополнение (расширение) ublock.

Расширения и дополнения для браузера, по своему назначению являются одним и тем же. "По-буржуйскому" это соответствует термину плагины. Разница в терминологии относится лишь к браузерам. В Firefox они называются дополнениями, в Chrome и Opera – расширениями.


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



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



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


После нажатия Вами кнопки "Создать" фильтр сразу же начнёт работать. Проверить это можно простым обновлением просматриваемой страницы.


Моё настроение резко изменилось в лучшую сторону. Пропев "Шпаги наголо, дворяне!" (к/ф "Д'Артаньян и три мушкетёра"), перехожу в решительное наступление против других, по моему мнению, лишних элементов. Сейчас меня "раздражает" правый виджет подписки на новости по электронной почте.


Блокировку этого элемента пришлось осуществить с помощью создания двух правил: строки адреса E-mail и кнопки "Готово".



После создания этих двух фильтров мне захотелось уже исполнить "Интернационал", так как слова "... весь мир насилья мы разрушим до основанья ..." наиболее точно отражали моё настроение. А дальше, "И тут Остапа понесло " (имеется в виду первоначальное значение данного афоризма) ... Карфаген должен быть разрушен  и далее мной были заблокированы виджеты лучшего способа читать Лайфхакер, чтения в твиттере, просмотра на ютубе и разных социальных сетей:




Теперь мне себя уже было не нужно уговаривать: "Спокойствие, только спокойствие", так как это самое спокойствие ничего не нарушало.


В конечном счёте расширением (дополнением) ublock были созданы несколько правил, которые теперь можно даже экспортировать в файл:

! 15.02.2016, 0:02:44 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###lh-fullscreen-sub__left > p

! 15.02.2016, 0:03:06 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###mce-EMAIL

! 15.02.2016, 0:03:13 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###mc-embedded-subscribe

! 15.02.2016, 0:03:19 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###lh-fullscreen-sub__not-now

! 15.02.2016, 0:03:49 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###lh-fullscreen-sub__left

! 15.02.2016, 0:04:16 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###lh-fullscreen-sub__overlay

! 15.02.2016, 0:04:55 http://lifehacker.ru/2016/02/08/100-habits-2016/
lifehacker.ru###lh_slides-2 > .soc-div > .social-root > .soc-youtube.soc

! 15.02.2016, 0:08:17 http://lifehacker.ru/
||www.facebook.com/v2.0/plugins/page.php?adapt_container_width=true&app_id=161427693904771&channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df242b43cac35a2%26domain%3Dlifehacker.ru%26origin%3Dhttp%253A%252F%252Flifehacker.ru%252Ff1d1b9113f6c558%26relation%3Dparent.parent&container_width=336&height=220&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Flifehacker.ru%2F&locale=ru_RU&sdk=joey&show_facepile=true&show_posts=true&small_header=false&width=500

Проверим, насколько верно предположение о том, что восклицательный знак относится к категории "Комментарий", а содержание самого фильтра составляет вторая строчка правила. Найдём в расширениях (дополнениях) ublock, перейдём в его "Настройки", вызовем "Показать панель управления" и посмотрим "Мои фильтры".




Удалим эти "лишние строчки" и получим фильтры:

lifehacker.ru###lh-fullscreen-sub__left > p

lifehacker.ru###mce-EMAIL

lifehacker.ru###mc-embedded-subscribe

lifehacker.ru###lh-fullscreen-sub__not-now

lifehacker.ru###lh-fullscreen-sub__left

lifehacker.ru###lh-fullscreen-sub__overlay

lifehacker.ru###lh_slides-2 > .soc-div > .social-root > .soc-youtube.soc

||www.facebook.com/v2.0/plugins/page.php?adapt_container_width=true&app_id=161427693904771&channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df242b43cac35a2%26domain%3Dlifehacker.ru%26origin%3Dhttp%253A%252F%252Flifehacker.ru%252Ff1d1b9113f6c558%26relation%3Dparent.parent&container_width=336&height=220&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Flifehacker.ru%2F&locale=ru_RU&sdk=joey&show_facepile=true&show_posts=true&small_header=false&width=500

lifehacker.ru###lh_slides-2 > .soc-div > .ios-app-wrapper > .ios-left

lifehacker.ru###lh_slides-2 > .soc-div > .social-root > .soc-twitter.soc > p

lifehacker.ru###lh_slides-2 > .soc-div > .social-root > .soc-twitter.soc > .soc-wrapper

lifehacker.ru###lh_slides-2 > .soc-div > .social-root > .soc-twitter.soc

lifehacker.ru###lh_slides-2 > .soc-div > .mailchimp-wrapper

Снова перейдём на сайт http://lifehacker.ru и насладимся "чистой" страницей:


От всей души хочется сказать автору этого расширения (дополнения) большое человеческое спасибо.


2 комментария:

  1. Блять, почему в тексте нет нигде названия этого расширения?

    ОтветитьУдалить
  2. В яндексе подобная хуета не работает. Так что кому надо - тот рекламу всегда впихнет. Смиритесь рабы))

    ОтветитьУдалить