Как посмотреть скрытый контент на сайте?

Или почему не нужно прятать платный и приватный контент за попапом.

На днях мне пришла рассылка от NoCode Founders. И там был интересный гайд про 9 бизнес-моделей для соло фаундеров. «Интересная штука» - подумал я и скорее кликнул на ссылку.

Но вот, что ждало меня, когда я попытался посмотреть статью.

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

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

Шаг 1

Идём в консоль разработчика(клик правой кнопкой мыши и "Просмотреть код" в Google Chrome) и выбираем инструмент "Инспектор", чтобы найти элементы, которые необходимо скрыть.

Шаг 2

Наводим на попап мышкой в режиме инспектора и нажимаем на него(рисунок 1). Код попапа подсветится светло-голубым цветом справа(рисунок 2).

Нажимаем на Delete и попап исчезает со страницы.

Шаг 3

После удаления попапа останется тёмный фон. Аналогичным образом выделяем его через инспектор и удаляем.

Шаг 4

После удаления тёмный фон исчезнет, но контент всё ещё останется заблюренным.

Снова находим этот элемент через инспектор. Но если мы его удалим, то исчезнет весь контент. Поэтому нам нужно немного изучить сам код.

Немного посмотрев на него мы увидим настройку filter:blur(10px)

Соответственно, чтобы убрать блюр просто меняем 10 на 0. И контент становится открытым.

Выводы

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