«Яндекс92» «Яндекс92»
  2. Статьи
  3. Интересное и полезное
  4. Кибербезопасность
  5. 📂 Набор для «взлома» браузера (Console Pranks)

📂 Набор для «взлома» браузера (Console Pranks)

Тип статьи:
Авторская
Источник:
d-a-r-k-n-e-t.ru
Пункт 0: Разблокировка (если браузер не дает вставить код)
Нужно вручную написать в консоли (F12) и нажать Enter:
allow pasting
Пункт 1: «Режим Даркнета» (Инверсия цветов)
Эффект: Все цвета на сайте становятся зеркальными (негатив). Выглядит как жесткий глюк видеокарты.
javascript
  1. <em><code><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">document.body.style.filter = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'invert(1) hue-rotate(180deg)'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  2. console.log(</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">"%c КРИТИЧЕСКАЯ ОШИБКА ВИДЕОКАРТЫ! "</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">, </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">"color: white; background: red; font-size: 30px; font-weight: bold; padding: 20px;"</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">);
  3. </span></code></em>
Используйте код с осторожностью.
Пункт 2: «Землетрясение» (Тряска всей страницы)
Эффект: Страница начинает мелко вибрировать. Глаза друга вытекут через 30 секунд.
javascript
  1. <em><code><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">document.body.style.animation = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'shake 0.5s infinite'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  2. </span><span class="mexSqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(197, 138, 249);">const</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);"> style = document.createElement(</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'style'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">);
  3. style.innerHTML = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'@keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } }'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  4. document.head.appendChild(style);
  5. </span></code></em>
Используйте код с осторожностью.
Пункт 3: «Пьяный сайт» (Медленное вращение всего)
Эффект: Все элементы на странице (кнопки, картинки) поворачиваются под разными углами. Безопасно, но очень бесит.
javascript
  1. <em><code><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">document.querySelectorAll(</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'*'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">).forEach(el => {
  2.   el.style.transition = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'5s'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  3.   el.style.transform = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">`rotate(${</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">Math.floor(Math.random() * </span><span class="tnfcCf" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(250, 144, 62);">360</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">)</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">}deg)`</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  4. });
  5. </span></code></em>
Используйте код с осторожностью.
Пункт 4: «Полный хаос» (Постепенное размытие и кривизна)
Эффект: Сайт начинает медленно «плыть» и размываться сам по себе.
javascript
  1. <em><code><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">setInterval(() => {
  2.   </span><span class="mexSqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(197, 138, 249);">const</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);"> all = document.getElementsByTagName(</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">'*'</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">);
  3.   </span><span class="mexSqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(197, 138, 249);">const</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);"> item = all[Math.floor(Math.random() * all.length)];
  4.   item.style.transform = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">`rotate(${</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">Math.random() * </span><span class="tnfcCf" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(250, 144, 62);">5</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">}deg)`</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  5.   item.style.filter = </span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">`blur(${</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">Math.random()</span><span class="CS0cqb" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(129, 201, 149);">}px)`</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">;
  6. }, </span><span class="tnfcCf" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(250, 144, 62);">100</span><span class="undefined" data-copy-service-computed-style="font-family: monospace; font-size: 14px; font-weight: 400; margin: 0px; text-decoration: none; border-bottom: 0px none rgb(230, 232, 240);">);
  7. </span></code></em>
Используйте код с осторожностью.
⚠️ Важное напоминание:
Если ноут начинает гудеть как самолет — это значит, что запущен Пункт 4. Просто закрой вкладку или нажми F5.
пранкконсольf12лайфхакиjavascriptюморбраузеринструкция
—
NEON
Нет комментариев. Ваш будет первым!

Контакты

Информация

Яндекс.Метрика
Посещая «Яндекс92», вы соглашаетесь с тем, что мы используем файлы cookie для Вашей безопасности.