Evgeny Sporykhinhttps://teletype.in/atom/esporykhin2026-10-03T14:30:18.645Zesporykhin:kak-posmotret-skritiy-content2024-01-29T06:02:36.960Z2024-01-29T06:02:36.960Z

<img src="https://img2.teletype.in/files/1b/bb/1bbbb8a1-82e5-4906-b14f-d3a904f9e149.png">Или почему не нужно прятать платный и приватный контент за попапом.

<p id="lfdV"><em>Или почему не нужно прятать платный и приватный контент за попапом.</em></p> <p id="zh1v">На днях мне пришла рассылка от NoCode Founders. И там был интересный гайд про 9 бизнес-моделей для соло фаундеров. «Интересная штука» - подумал я и скорее кликнул на ссылку.</p> <p id="yVqu">Но вот, что ждало меня, когда я попытался посмотреть статью.</p> <figure id="solJ" class="m_column"> <img src="https://img2.teletype.in/files/1b/bb/1bbbb8a1-82e5-4906-b14f-d3a904f9e149.png" width="2854" /> </figure> <p id="nYys">Потратить 200 долларов в мои планы не входило, поэтому я решил проверить возможность просто скрыть этот попап.</p> <p id="BMPX">Итак, дальше покажу как можно смотреть то, что спрятано, если разработчики должным образом не позаботились о безопасности.</p> <h2 id="gk1p">Шаг 1</h2> <p id="9eHm">Идём в консоль разработчика(клик правой кнопкой мыши и &quot;Просмотреть код&quot; в Google Chrome) и выбираем инструмент &quot;Инспектор&quot;, чтобы найти элементы, которые необходимо скрыть.</p> <figure id="Z9Gi" class="m_column"> <img src="https://img4.teletype.in/files/ba/3c/ba3c6cb4-8598-4430-a243-62935402e92b.png" width="2880" /> </figure> <h2 id="lxCu">Шаг 2</h2> <p id="rfU0">Наводим на попап мышкой в режиме инспектора и нажимаем на него(рисунок 1). Код попапа подсветится светло-голубым цветом справа(рисунок 2).</p> <figure id="HEwZ" class="m_column"> <img src="https://img2.teletype.in/files/d2/1e/d21e1ac4-7e57-41f7-b28b-6a3497aab5a2.png" width="2880" /> </figure> <figure id="PwI1" class="m_column"> <img src="https://img1.teletype.in/files/ce/82/ce820d6d-6f94-4cf2-978a-3f1e73411c3d.png" width="2880" /> </figure> <p id="0c7Y">Нажимаем на Delete и попап исчезает со страницы.</p> <h2 id="eFCC">Шаг 3 </h2> <p id="9ALN">После удаления попапа останется тёмный фон. Аналогичным образом выделяем его через инспектор и удаляем.</p> <figure id="5IYV" class="m_column"> <img src="https://img3.teletype.in/files/e5/4e/e54e1a3b-bc02-4f1a-82f2-292cdb676c02.png" width="2880" /> </figure> <h2 id="ZsPM">Шаг 4</h2> <p id="tvuj">После удаления тёмный фон исчезнет, но контент всё ещё останется заблюренным. </p> <p id="ksKj">Снова находим этот элемент через инспектор. Но если мы его удалим, то исчезнет весь контент. Поэтому нам нужно немного изучить сам код.</p> <figure id="E62e" class="m_column"> <img src="https://img4.teletype.in/files/b1/0c/b10cd8bb-93b0-4395-85aa-704dd9cd58de.png" width="2880" /> </figure> <p id="oPds">Немного посмотрев на него мы увидим настройку <code>filter:blur(10px)</code></p> <p id="Nebf">Соответственно, чтобы убрать блюр просто меняем 10 на 0. И контент становится открытым.</p> <figure id="MWmI" class="m_column"> <img src="https://img1.teletype.in/files/8c/30/8c3056d7-0b9e-46a0-8fba-9d4da4d27f4a.png" width="2880" /> </figure> <h2 id="uASO">Выводы</h2> <p id="G6rO">Очень часто nocode-разработчики(да, наверное, и обычные) не отдают нужного внимания безопасности. Но зная подобные хитрости можно заранее подумать о том, что оградить свой контент от бесплатного просмотра.</p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="Kin4">Подписывайтесь на <a href="https://t.me/+sxE7u4-DTVY3MDU6" target="_blank">канал про NoCode</a>. Там я пишу полезный контент по nocode и lowcode разработке, провожу эфиры и делюсь личным опытом.</p> </section>