Как разблокировать правую кнопку мыши на сайте

09 марта 2022

Разработчики, блокирующие на своих сайтах правую кнопку мыши заслуживают в аду отдельного котла. И вот почему.

По-моему, это дерьмо (извините, иначе назвать не могу) появилось еще в конце девяностых или чуть позже, не помню точно. Уже тогда были какие-то JS-скрипты, блокирующие клик по правой кнопки мыши. Или того хуже вызывающие алерт с предупреждением, что мы такие умные и у нас ничего не скопируешь. Ага.

Зачем это нужно понятно: с заблокированной правой кнопкой «невозможно» вызвать контекстное меню, что-то скопировать или сохранить. А с появлением в браузерах разных девтулзов стало «невозможно» исследовать элемент. У меня есть профессиональная привычка смотреть интересные сайты не только снаружи, но иногда заглядывать и немного внутрь: узнать движок, тему (если это Вордпресс), посмотреть как или с помощью чего реализована та или иная фича. Благо, инструменты разработчика встроенные в браузеры, могут многое рассказать о сайте.

Лично у меня никогда не возникало желания заблокировать на каком-то сайте мышь. Но раньше часто приходилось объяснять своим заказчикам, что это плохая практика — кому надо и так скопируют. Есть масса способов как это все обойти. А нормальным людям это только усложнит жизнь, ухудшит UX, поведенческие и т.д.

Я наивно полагал, что фокусы с блокировками мыши давно в прошлом, но нет. На днях меня попросили посмотреть один сайт и на тебе: контекстное меню не вызывается и я не могу выбрать свой любимый пункт «Исследовать элемент».

Решение

Решение очень простое и заключается в выполнении одной команды в консоли браузера.

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

  • В популярных браузерах (Гугл Хром, Файрфокс, Сафари) инструменты вызываются комбинацией клавиш CMD+Alt+I (на Виндоус Ctrl+Alt+I).
  • Открыть через меню браузера: Посмотреть → Разработчикам → Инструменты разработчика.

Переходим в консоль, вставляем такую команду и нажимаем «Ввод».

javascript:void(document.oncontextmenu=null);

В браузере это выглядит примерно так:

Как разблокировать правую кнопку мыши на сайте
Консоль браузера Файрфокс

Некоторые браузеры (например, Файрфокс) могут ругнуться и предупредить, что все подряд сюда лучше не вставлять. В данном случае и непрограммисту понятно, что oncontextmenu точно не украдёт деньги с вашей карты.

Успехов!

Иван Данилин
Автор Иван Данилин

Фулстек веб‑разработчик, специализируюсь на платформе WordPress

Подробнее
Комментарии
  1. А как быть, если сайт сделан для фотографа, и он не хочет, чтобы дилетанты, которые особо не разбираются в инструментах браузера, тырыли его фотки?)
    • Денис, настоящий дилетант придёт с телефона, а там никакие «защиты» не работают

      С изображениями вообще все сложнее
      Их нужно запрещать от индексации, чтобы они не попали к поисковикам в «поиск по картинкам» (там все легко сохраняется)
      Плюс нужно как-то защищаться от скриншотов

      В любом случае, я бы лучше обвешал все фото копирайтами, понизил максимально размер, качество, но кнопку бы точно не трогал ?
Добавить комментарий