Каждый браузер в наши дни поставляется со встроенными инструментами разработчика, которые помогают людям создавать, тестировать и исправлять продукты для Интернета. Вы можете щелкнуть правой кнопкой мыши на любом сайте и выбрать Inspect, чтобы перейти к ним, нажать F12 или CMD + Shift + I на Mac или Ctrl + Shift + I на Windows/Linux.
Эти инструменты предназначены для разработчиков, но они также могут помочь вам исправить некоторые раздражающие моменты в Интернете. Поэтому я создал подборку приемов, как сделать веб менее раздражающим для вас с помощью встроенных в браузер инструментов разработчика.
Я работаю над этими инструментами в качестве менеджера продукта и ежедневно получаю около 20-30 отзывов о том, что люди открыли их случайно и уверены, что их «взломали».
Я понимаю — для не разработчиков эти инструменты выглядят пугающими и сложными, а все ошибки, которые они отображают, могут пугать и беспокоить. И это меня раздражает. Инструменты для работы в Интернете не должны требовать, чтобы вы были экспертом. Наоборот — чем больше вы ими пользуетесь, тем больше вы должны становиться экспертом в области веба.
Именно поэтому я собрал эту коллекцию с демонстрациями, чтобы вы увидели, какими могут быть инструменты разработчика: ваши чит-коды для веба.
Когда я смотрю на веб в целом и особенно на сайты, назовем их сайтами «пограничного содержания», я разочарован тем, как мы используем эту среду. Вместо того, чтобы дать людям контент, за которым они пришли, мы повсюду размещаем навязчивую рекламу, не даем людям пользоваться контекстным меню, в котором полно инструментов для улучшения доступности, и заставляем людей прыгать через обручи только для того, чтобы добраться до контента, который они нашли в поисковой системе.
Именно поэтому я хочу показать вам, как можно использовать инструменты разработчика браузера, чтобы обойти некоторые из этих раздражителей.
В качестве браузера я использую Microsoft Edge, потому что он поставляется бесплатно на любую машину с Windows, доступен для всех других платформ, и я работаю на нем. Вы можете использовать любой браузер, какой захотите, и большинство функций должно быть доступно и в других браузерах.
Еще одно важное напоминание: вы не делаете здесь ничего незаконного и не можете быть отслежены по продуктам, которые вы меняете под свои нужды.
Все, что вы делаете в этих инструментах, происходит на вашем компьютере. Вы не изменяете живой продукт, и если вы перезагрузите его, ваши изменения также исчезнут.
Вот задачи и способы их выполнения с помощью инструментов разработчика браузера:
- Получить мобильную версию текущего документа
- Удалите раздражающие накладки и элементы страницы
- Проинспектировать неинспектируемое
- Верните контекстное меню
- Избегайте нежелательных перенаправлений
- Делать скриншоты веб-содержимого
- Получите более простой видеоплеер
- Проверяйте документ в различных режимах
- Загружать изображения
У вас есть какая-то другая задача, о которой вы хотели бы узнать, как ее решить? У вас есть рецепт, которым вы пользуетесь сами? Прокомментируйте это в проблеме на репозитории GitHub или напишите мне в Twitter.