Скачиваем любые файлы при помощи DevTool в браузере

Практически во всех браузерах есть возможность просмотра ссылок пробированного в браузере видео или музыкального трека. В этом руководстве я покажу вам методику, как можно скачивать файлы, которые запрещено скачивать — при помощи клавиши F12 и дополнительных функций браузера.

Введение

Инструмент разработчика — Это специальный инструмент, который находится в абсолютно любом браузере. С его помощью вы можете получить прямые ссылки на любые файлы которые можно: смотреть, слушать или читать как документ.

Ещё разик хочу обратить внимание, что этим методом можно скачивать абсолютно всё что угодно. Если вы натренируете навык в работе с этим методом, то сможете скачивать файлы гораздо быстрее, ежели вы качаете их обычными методами.

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

— Просматривать код страницы
— Использовать консоль браузера
— Редактировать что-либо

И так далее, и тому подобное. Но мы здесь сегодня не ради этого собрались, а ради того, чтобы понять как скачивать музыкальные и видео файлы, которые невозможно скачать обычными методами скачивания.

Итак, что вам нужно сделать?

Для примера я возьму вот этот сайт: https://hacomposer.bandcamp.com/album/tune-fortress

Этот сайт продаёт музыку, автор хочет чтобы мы платили, но мы поступим куда умнее и скачаем эту музыку бесплатно.

Вам нужно:

1. Зайти на сайт, нажать F12 и нажать на вкладку: Net (Сеть) → Отметить вкладку: Media.
2. Затем начать прослушивать музыку или просмотр видео.
3. И проверить все ссылки в списке, которое отобразит вам меню.

Чтобы вам было проще, я сделал скриншот, смотрим:



Ещё можно скачивать файлы, которые не скачиваются через браузер по нажатию кнопки: 'скачать'. Такой баг обычно происходит от недогрузки скриптов веб-страницы и тем самым пользователи, то есть мы — по нажатию клавиши 'скачать' — ничего не загружаем.

Или другой пример, скажем, у вас есть недоработанный браузер, который не скачивает файлы по нажатию кнопки 'скачать'. Если вы откроете вкладку Net и укажете пункт 'All' или 'Всё', то сможете увидеть, что при нажатии кнопочки 'скачать' — появляются какие-то ссылки. Эти самые ссылки и есть ссылки на скачивание файлов.

Как открыть Меню разработчиков в браузерах?

В браузере — Опера

Меню → Разработка → Инструменты Разработчика
Клавиши по умолчанию: Ctrl + Shift + I

Примечание: Если вы не видите меню «Разработка», включите его отображение, перейдя в Меню → Другие инструменты → Показать меню разработчика.

В браузере — Internet Explorer

По умолчанию клавиша: F12

В браузере — Firefox

Меню → Инструменты разработки, или Инструменты → Веб-разработка → Инструменты разработки

В браузере — Google Chrome

Дополнительные инструменты → Инструменты разработчика

В браузере — Safari

Разработка → Показать Web Inspector . Если Вы не видите меню «Разработка», зайдите в Safari → Настройки → Дополнительно, и проверьте стоит ли галочка напротив «Показать меню разработки».

Если вдруг у вас операционная система — Mac OS X

То вам нужно нажать сочетание клавиш — ⌘ + ⌥ + I

Как очистить кэш браузера?

В браузерах по умолчанию есть горячие клавиши, которые помогут вам очистить кэш.

Google Chrome

Сочетание клавиш Ctrl+Shift+Del → Удалить следующие элементы: за всё время → Изображения и другие файлы, сохранённые в кеше → Очистить историю.

Firefox

Сочетание клавиш Ctrl+Shift+Del → Кэш → Очистить сейчас.

Internet Explorer

Сочетание клавиш Ctrl+Shift+Del → Временные файлы Интернета → Удалить.

Safari

Сочетание клавиш ⌘+, (или ⌘+б) → Конфиденциальность → Удалить все данные веб-сайтов

Opera 12.16

Сочетание клавиш Ctrl+F12 → Расширенные → История → Дисковый кэш → Очистить.

Opera 15+

Меню → Другие инструменты → Очистить историю посещений → Уничтожить следующие элементы: с самого начала → Очистить кэш → Очистить историю посещений.

Яндекс.Браузер

Сочетание клавиш Ctrl+Shift+Del → Удалить следующие элементы: за всё время → поставить галочку в пункте: файлы, сохранённые в кэше → Очистить историю.

Чтобы очистить Куки или Кэш браузера в Steam, зайдите в Steam → Настройки → Браузер и затем нажмите на нужную вам кнопочку, их там 2 штуки.

Примечание: При очистке Кэша ваш Steam клиент может зависнуть на несколько секунд.



Дождитесь, пока ваш Steam клиент отвиснет после очистки и продолжайте работу.

Обратите внимание! Что после очистки Кэша или Куки браузера — вам придётся снова входить в ваши аккаунты. Например, аккаунт ВКонтакте, аккаунты почты и так далее...

Просто войдите ещё раз в свой аккаунт социальной сети, почты или другого сервиса, и продолжайте пользоваться консолью Steam дальше.

Использование F12 в Steam

Как и другие браузеры, клиент Steam тоже поддерживает меню разработчиков, открывающееся по нажатию клавиши F12.

Для этого вам потребуется кликнуть второй клавишей по ярлыку Steam и задать 2 параметра запуска:

Параметр: -dev — Отвечающий за режим разработчика.
Параметр: -console — Чтобы просматривать различные сайты. Команда: open <URL-адрес>

Проще говоря, смотрите скриншот:



После настройки параметров перезапустите Steam.

Окно разработчика в клиенте Steam практически аналогично окошку режима разработчиков в браузере Google Chrome. Не для кого уже не секрет, что Steam используется как браузер Google Chrome, по этому если вы используете Google Chome в вашей повседневной жизни, то большой разницы вы не заметите. А вот пользователи других браузеров, таких как Опера, Safari и тому подобное разницу увидят, так как в других браузерах не схожих с Google Chrome — меню разработчиков на много отличается.

Окошко разработчиков в клиенте Steam выглядит вот так:



Я более чем уверен, что сначала вам будет немного трудновато с ним работать. Но если вы наловчитесь и натренируете пальцы — то сможете использовать режим разработчика намного быстрее, чем начинающий пользователь.

Приведу вам пример со скачиванием музыки через Яндекс Музыку

Заходим на Яндекс Музыку, ищем любую музыку. Для примера я возьму всеми знаменитый трек группы: Грибы — Между нами тает лёд.

Ссылка на трек из альбома: https://music.yandex.ru/album/4198397/track/34191851

Как я уже написал выше:
1. Открываем консоль разработчика (F12)
2. Переходим во вкладку Network и отмечаем пункт Media.
Начинаем прослушивать музыку, и что мы видим?



Теперь, всё что вам нужно, это кликнуть второй клавишей мышки и выбрать пункт: Copy → Copy link address



Затем скачайте трек на ваш компьютер через любой браузер и слушайте его на здоровье!

Если вдруг трек открылся в браузере и начал проигрываться, а не загружаться — Нажмите: Ctrl + S и смело сохраняйте трек на ваш компьютер.

Примечание: Вы так же можете воспользоваться программой: Download Master — Которая загружает любые файлы по прямым ссылкам в указанную вами папку или любую другую директорию на вашем ПК.

Если вдруг по скопированной ссылке перед вами откроется окно с проигрывателем по середине, то чтобы скачать музыку или видео, вам потребуется нажать одновременно 2 клавиши: Ctrl + S — По нажатию этих клавиш ваш браузер сохранит медийный файл в указанную вами папку на вашем компьютере.

Примечание: Не все ссылки могут открываться по той, которую вы скопировали. Например, есть сайты, которые отдают прямые ссылки на файлы в зашифрованном виде.

В таком случае нажмите второй клавишей по прямой ссылке и выберите: Открыть в новой вкладке (Open in new Tab), смотрите скриншот:

Большинство веб-страниц и сайтов отображают видео в формате *.ts

Формат *.ts — используется для отображения длинного видео по кускам обрезанных медиа файлов. Берётся видео файл, обрезается в нужный формат видео (320 или 480), а затем загружается на диск сайта (хранилище). Затем с помощью веб-страницы, где мы с вами смотрим видео — идёт настройка отображения видео в виде списка файлов.

В коде страницы вписывают поочерёдно обрезанные кусочки видео, а проигрыватель сайта показывает нам полную версию видео. Тем самым умельцы и создатели сайтов научились не только экономить место на дисках своих сайтов, но и загружать на сайт больше контента, чем нужно.

В нашем случае я покажу вам момент, который вы не найдёте в интернете. Хотя может быть и найдёте, но про него мало что будет сказано.

1. Заходи на страницу с проигрывателем и запускаем просмотр видео.
2. Открываем DevTools (по умолчанию клавиша F12)
3. В фильтр напишите: .ts

Когда вы напишите в фильтре .ts — то увидите список файлов, который пронумерован специально для того, чтобы отображать каждый кусочек медиа файла в нужном порядке.

Выглядит это следующим образом:



Всё, что вам нужно — это скачать весь список файлов, а затем объединить их с помощью любого видео-редактора. Или же вы можете воспользоваться HeX редактором для объединения файлов.

Если вы решились на HeX редактор, то вот вам инструкция:

1. Скачайте HeX редактор:
https://drive.google.com/file/d/14SCHU2K5dLgFXSNauJsr_0XUhpYBG17F/view?usp=sharing

2. Нажмите: Дополнительно → Файловые инструменты → Объединить

Перед вам появится вот такое окошко:



Нажмите кнопочку: Добавить — И укажите файлы по порядку так, как они были названы. Обычно файлы называют с цифрами в названии.

Например:
video1.ts
video2.ts
video3.ts

Вы должны выбрать эти файлы по порядку и добавить в окошко объединения.

Затем в нижней строке, которая называется: Имя выходного файла — Укажите Video.ts или Video.avi

После нажмите Enter для объединения и сохранения обрезанных файлов в один видео-файл. После чего попробуйте посмотреть через проигрыватель.

Скачиваем музыку и видео откуда угодно!

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

Например, этим методом вы сможете скачивать треки с Яндекс Музыки:



Или из нами любимого ВКонтакте:



И даже с YouTube-а:



Надеюсь суть вы поняли — можно скачивать всё, что вы можете прослушать или просмотреть абсолютно бесплатно и не платить за это.

Похожие руководства

https://steamcommunity.com/sharedfiles/filedetails/?id=738783920

https://steamcommunity.com/sharedfiles/filedetails/?id=754257265

https://steamcommunity.com/sharedfiles/filedetails/?id=740366057

[УБИВАН-КЕНОБЫЧ]

в Яндекс это уже не прокатывает, видео не скачать

[Прости что ТРАХНУ]

КАААЙФ! Спсибо большое. ЛУЧШИЙ!!!!

[Смайл]

Да да, шарим. Молодец

[Ликус]

Полезная фича: во вкладке "Сеть" есть кнопка "Отключить кэш" — если её прожать, не придётся очищать кэш каждый раз перед скачиванием.

[AJURIKA]

2024 год... привет. Большое тебе спасибо за этот нормальный гайд.
Очень долго мучался с тем, как вытащить видео со стоков в формате .ts , спас исключительно твой гайд.

[Ｌｅｅｓ_ｎｏｍａｄ]

Да знаю историю Гейба Ньюэлла, Стив Джобс и Билл Гейтс были его лучшие друзья, они работали троём, когда основали компанию IBM, это Америка, это Компьютерные технологии, такую историю нужно знать, только ламерам не обязательно. Они троём создали будущее, по сути, прорыв то в 20 веке, но смотри, мы все наблюдаем, как Steam скатывается, не смотря на то, что Гейб идёт по своей параллели, квадратный, острый стиль, никаких анальных аватарок и всё в этом плане, да только всё хуже и хуже, сам движок машины старый, осенью же обещали новый магазин на питоне.

[Смайл]

Это уже не от меня зависит, это Steam клиент сделан на основе браузера Google Chrome. Гейб всему виной, взял и сделал на основе этого браузера клиент. Он же раньше в Майкрософт работал, а потом наловчился и создал компанию Valve.

[Ｌｅｅｓ_ｎｏｍａｄ]

С твоими способностями надо клепать больше. Например оверлейный браузер жуть кривой, хромиум - худшее на планете, 3-4 окна открывает, следующее может не открыть, раньше вообще закрывался, до 50го обновления он работал нормально, сейчас ещё эти мини оконца, иногда вторая вкладка может не открыться, я в стиме почти всегда открываю окна на СКМ, но окно будет чёрное, вот это бы исправить, пошерудить гнилой код, доставить нашу славную лисичку, ждать пока они всё это исправят, может пройти 500 лет.

[Смайл]

Естественно я тоже, это же моё руководство.

[Ｌｅｅｓ_ｎｏｍａｄ]

Да я то всегда здесь =)
Ты ведь тоже.