Как скопировать страницу сайта полностью html

Как скопировать любой сайт целиком: 7 способов

Можно ли скопировать любой сайт в интернете? Да, конечно. Для этого потребуется всего пара минут и несколько кликов. Но с одной оговоркой — вы получите его html-код, внешний вид сайта, без сложных скриптов (для их реализации потребуется программист). Этот вариант подойдет для тех, кому нужно скопировать несложный сайт — например, лендинг конкурента и быстро запустить рекламу.

Скопировать сайт целиком и переделать?

Стоит понимать, что, копируя сайт, вы с большой вероятностью столкнетесь с “сюрпризами”, которые обязательно нужно проверить перед работой:

• корректная верстка (все элементы на своих местах, работает исправно и мобильная версия, и десктоп),
• все картинки загружаются (при копировании, возможно, что-то не сохранилось, неправильно указан путь файла в коде),
• активные элементы работают исправно (кнопки, формы).

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

Для самостоятельной работы с кодом рекомендуем: Sublime Text, Visual Studio Code, Atom.

Далее, все что вам останется — перенести сайт на ваш хостинг с доменом.

Так чем же скопировать сайт?

7 способов бесплатно скопировать сайт

Самый простой способ: “Ctrl+S” — команда в браузере, которая сохраняет текущую страницу. Быстро, без посторонних сервисов, но с высокой вероятностью потерять часть сайта (динамические элементы, скрипт, формы) — больше подойдет для копирования контента страниц.

Если вам нужно скопировать работоспособный одностраничный сайт, то лучше обратиться к специальным сервисам, которые помимо HTML, копируют CSS, JavaScript, все изображения, анимации, ссылки и формы. Тем более, что часть из них полностью бесплатна.

Web2zip

https://web2zip.ru/ — бесплатный онлайн сервис с простым интерфейсом. Вводим нужный нам url сайта, нажимаем скопировать и получаем сайт в архиве с возможностью предпросмотра онлайн.

Сервис копирует HTML, CSS, JavaScript, изображения и шрифты.

Saveweb2zip

https://saveweb2zip.com/ru — онлайн-сервис с бесплатной возможностью скачать сайт, сохраняя HTML, CSS, JavaScript, изображения и шрифты. За дополнительную плату можно заказать настройку форм и решение других вопросов.

При скачивании есть возможность автоматически переименовать названия файлов, скопировать мобильную версию сайта.

CopySite

https://copysite.link/ — онлайн-сервис уже с платной подпиской, но более широким функционалом. При скачивании есть возможность использовать прокси, заменять слова, ссылки, автоматически удалять теги, счетчики метрик и форматировать код.

Стоимость — 300 руб./мес., 200 руб./неделя, 75 руб./сутки.

Web ScrapBook

Web ScrapBook — бесплатное браузерное расширение, которое позволяет скачивать необходимые страницы сайта не покидая целевую страницу.

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

Httrack

Httrack — бесплатный локальный сервис, для работы нужно устанавливать на компьютер. С задачей справляется отлично, основное преимущество — можно скачивать несколько сайтов одновременно (списком загружать url), всегда готов к работе (не зависит от работоспособности онлайн-сервисов), менее удобен, чем решения выше.

Cyotek WebCopy

Cyotek WebCopy — один из сервисов компании Cyotek, требует установки, но абсолютно бесплатный. Копирует контент, а также стили, но теряет JavaScript.

Отлично подойдет для парсинга контента сайтов и копировании простых сайтов.

wget

wget — консольная утилита, которая позволяет копировать сайты без графического интерфейса, используя команду типа “wget -r -k -l 7 -p -E -nc http:/vash.site/”

Параметры отвечают за:

• -r — указывает на то, что нужно переходить по ссылкам на сайте, чтобы скачивать все подкаталоги и все файлы в подкаталогах.
• -k — преобразует все ссылки в скаченных файлах, чтобы по ним можно было переходить на локальном компьютере в автономном режиме.
• -p — указывает на то, что нужно загрузить все файлы, которые требуются для отображения страниц (изображения, css и т.д.).
• -l — определяет максимальную глубину вложенности страниц, которые нужно скачать. Обычно сайты имеют страницы с большой степенью вложенности и чтобы wget не начал «закапываться», скачивая страницы, можно использовать этот параметр.
• -E — добавлять к загруженным файлам расширение .html.
• -nc — указывает на то, что существующие файлы не будут перезаписаны — например, при продолжении ранее прерванной загрузки сайта.

Среди платных решений стоит выделить также: RoboTools (2$ — 250 стр), Teleport Pro ($50).

Итог

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

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

Чтобы не было сюрпризов, обязательно проверяйте работоспособность сайта перед работой со всех устройств!

Открытие и копирование HTML-кода любого сайта

Вам требуется открыть и скопировать код HTML-документа или web-сайта? Если да, то этот онлайн-сервис поможет вам сделать это быстро и легко. Вам не придётся устанавливать программы на компьютер, ноутбук или приложения на телефон. Копировать код веб-страницы вы сможете с помощью обычного браузера и на любом мобильном. HTML-файлы открываются, как на iPhone, так и на смартфонах с операционной системой Android. Открывать консоль или настройки браузера, устанавливать дополнительные расширения больше не нужно. Сохранить код вы сможете по ссылке на интернет-ресурс.

ГлавнаяИнструменты Открытие и копирование HTML-кода любого сайта

Сервис для копирования HTML-файла сайта

Если вам требуется скопировать HTML-документ сайта из интернета, то данный сервис и онлайн-поиском кода поможет вам в этом. Здесь вы сможете осуществить копирование кода без установки специальных программ и приложений. Сохранить HTML-код можно будет, как на компьютере или на ноутбуке, так и на любом смартфоне.

При этом не важно какое у вас мобильное устройство. Это может быть Айфон от Apple или телефон с операционной системой Андроид. Всё что вам нужно — это открыть браузер, скопировать ссылку на web-страницу и воспользоваться сервисом. Кстати, устанавливать дополнительные расширения в браузер не потребуется.

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

Стоит заметить, что операционная система на вашем ПК также не имеет значения. Это могут быть такие ОС, как Windows, Linux или Mac OS для MacBook. Воспользуйтесь онлайн-парсером HTML-файла , чтобы в потом сохранить его содержимое, например, в Ворде, блокноте или в обычном текстовом документе.

Скопируйте HTML-документ по ссылке на сайт

Скачайте HTML-код необходимого вам веб-ресурса быстро, бесплатно и легко. Для того чтобы получить содержимое web-документа выполните следующие действия. Сначала из адресной строки браузера скопируйте веб-ссылку на страницу сайта. Далее вставьте её в поле ниже и запустите процесс копирования.

Сканирование web-страницы.
Не обновляйте и не покидайте страницу! Идет сканирование содержимого web-ресурса.

Возможно ссылка указана не верно, а может что-то пошло не так. Повторите сканирование или обратитесь за помощью к специалисту!

Выделите и скопируйте содержимое

В результате сканирования найден HTML-код, который вы можете выделить и сохранить на компьютере или телефоне. Внимательно ознакомьтесь с найденными данными, пролистав содержимое окна ниже.

Пожалуйста поддержите работу сервиса, если он оказался вам полезен.

Как открыть и скопировать HTML-код страницы

Копируем ссылку на страницу web-сайта

Итак, первое, что вам потребуется сделать перед тем, как вы скопируете HTML-код — это открыть веб-страницу ресурса. Для этой цели вам подойдет любой гаджет с браузером. Этим устройством может быть, как компьютер, так и мобильный телефон, разницы нет. Как только страница будет загружена, обратите внимание на адресную строку вверху интернет-навигатора. Здесь располагается уникальная ссылка, которую вам нужно будет выделить и скопировать.

Сканируем содержимое HTML-документа

Следующим этапом, после того, как вы скопируете web-адрес, будет сканирование интернет-ресурса с помощью web-сканера кода . Для того чтобы получить содержимое HTML-документа, вставьте скопированную ссылку в поле для веб-адреса и запустите процесс копирования, нажав на кнопку «Скопировать». В результате этих действий начнётся выгрузка содержимого HTML-файла. Процедура парсинга страницы не займёт у вас много времени.

Выделяем и сохраняем код веб-ресурса

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

Самые популярные вопросы

Скопировать HTML-код сайта можно будет бесплатно?

Да, безусловно. Для того чтобы сохранить содержимое HTML-документа любого web-ресурса вам достаточно следовать простой инструкции, указанной выше. Для начала вам потребуется скопировать ссылку на интересующую вас веб-страницу, а затем воспользоваться онлайн-поиском кода . Для этих целей вам подойдет любой современный браузер, например, Google Chrome, Opera, Mozilla Firefox или Safari.

Как копировать содержимое HTML-файла на компьютер?

Если вам требуется осуществить копирование кода интернет-ресурса на ПК или ноутбук, то для начала вам необходимо будет открыть интересующий сайт в браузере. Далее скопируйте ссылку из адресной строки интернет-навигатора и воспользуйтесь данным сервисом. После того, как вы получите желаемый HTML-код, сохраните его в текстовом файле. Для этого отлично подойдет Ворд, блокнот или любой другой текстовый редактор. Кстати, стоит заметить, что не важно какая у вас операционная система, это может быть Windows, Linux или Mac OS от Apple.

Требуется сохранить web-документ на телефон. Как это сделать?

Процесс сохранения HTML-данных на смартфонах и планшетах в точности повторяет процедуру копирования на ПК. Для открытия и копирования кода веб-ресурса вам всего лишь нужен браузер и данный онлайн-сервис. Для начала скопируйте электронный адрес web-страницы, а затем воспользуйтесь HTML-парсером сайта . В результате парсинга данных вам будет доступно содержание HTML-документа, которое вы позже сможете сохранить в блокноте или любом другом текстовом документе.

Как скачать код веб-страницы на Айфоне и Андроиде?

Абсолютно неважно каким мобильным устройством вы пользуетесь для того, чтобы открыть HTML-файл сайта. Это может быть iPhone от Apple или любой гаджед на базе операционной системы Android. Для того чтобы сохранить код web-страницы, достаточно будет на вашем смартфоне или планшете открыть обычный браузер. При этом не потребуется устанавливать дополнительные расширения и плагины для него. Просто запустите интернет-навигатор и воспользуйтесь данным сервисом.

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

Нет. Вам не потребуется ставить дополнительные программы и свой компьютер и приложения на мобильный. Всё что вам потребуется для того чтобы получить код web-страницы — это стандартный интернет-навигатор, который есть на каждом мобильном устройстве. Откройте понравившийся сайт и воспользуйтесь HTML-парсингом кода . В результате вы сможете получить, необходимые вам данные, и скопировать их себе на PC или смарфон.

Нужно устанавливать расширения для браузера, чтобы открыть HTML-файл?

Нет. Никакие расширения для web-браузера вам не потребуются. Для того чтобы получить содержимое HTML-документа любого сайта, вам достаточно иметь под рукой обычный интернет-навигатор, без предустановленных плагинов. Следуйте инструкции, указанной выше, и вы сможете открыть код нужного вам web-ресурса и скопировать его строчки себе на жесткий диск или флешку.

Как можно получить код страницы по ссылке на web-сайт?

Для того чтобы открыть HTML-код по ссылке вам достаточно скопировать url-адрес страницы и воспользоваться web-сканером сайта . Следуйте простой инструкции, которая есть на этой странице и вы сможете посмотреть содержимое, интересующего вас веб-ресурса. Вначале вам потребуется запустить парсинг интернет-источника, а затем скопировать полученные данные на компьютер или мобильное устройство.

Как сохранить содержимое HTML-документа в Word?

Если вам требуется выгрузить данные HTML-страницы в Word или любой другой текстовый редактор, то в этой процедуре нет ничего сложного. Достаточно лишь ознакомиться с руководством по копированию кода, которое указано выше, а потом сделать всё как в инструкции. Весь процесс сохранения состоит из трёх простых операций. Вначале вам нужно будет скопировать урл-адрес интересующего вас веб-ресурса. Затем запустить сканирование web-страницы. А после парсинга скопировать данные в буфер обмена, после чего вставить их в текстовом файле. Такую процедуру вы можете произвести, как на ПК, так и на любом мобильном. Сохранить полученный HTML-код можно будет не только в Ворде, но и, к примеру, в блокноте.

Как скопировать сайт целиком? Настройка под себя.

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

Например, чтобы создать рабочий сайт, веб-мастер должен иметь знания HTML, CMS и других технологий, а также уметь настраивать Cloudflare для обеспечения безопасности своего ресурса и знать о DNS-серверах и VPN. Кроме того, важно понимать принципы SEO-оптимизации сайта. Это занимает много времени и ресурсов.

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

Можно ли самостоятельно создать точную копию веб-страницы?
Когда мы открываем веб-ресурс в браузере, он автоматически отправляет запрос на удаленный сервер, получая документ, который загружается и интерпретируется браузером в формате веб-страницы с отображаемым контентом. При посещении сайта мы видим копию страницы, которая загружается и сохраняется в памяти, но ее код редактировать невозможно.

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

Если у пользователя есть доступ к файлам и каталогам ресурса, то он может скопировать полный код страницы сайта (со всеми исходными файлами). В противном случае, он может получить только плоскую версию веб-страницы.

Практически любой сайт создается с помощью HTML, который автоматически интерпретируется браузером. Структура сайта состоит из динамически изменяемых веб-страниц, код которых формируется во время запроса обработки HTML файла и обрабатывается одним из языков программирования.

Еще один способ сохранения копии страницы сайта — ее архивирование при помощи Windows. Но если на сайте содержатся веб-формы, обработка которых осуществляется при помощи базы данных и отправки запроса на сервер, подобраться к ним невозможно.

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

Потенциальные трудности при копировании страницы веб-сайта

• Загрузка страницы может занять больше времени.
• Клонированный сайт может не соответствовать оригиналу из-за ошибок в верстке.
• Качество загруженных изображений может быть неудовлетворительным.
• Формы, ссылки и фреймы могут работать некорректно или вообще не работать.

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

Как скопировать код и изображения с сайта
Существует несколько способов копирования сайта, которые могут быть полезны начинающим веб-мастерам:

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

Один из наиболее известных бесплатных сервисов, относящихся к утилитам «оффлайн-браузеров», называется Teleport Pro. Этот сервис позволяет загружать сайты полностью и сохранять их на жестком диске. Он также может загружать все файлы, полностью копируя структуру сайта, его страницы и базу файлов. Программа также может искать и загружать только необходимые выбранные файлы, например, только текст или только медиафайлы.

Еще один доступный инструмент (можно загрузить программу бесплатно) для просмотра сайтов и ресурсов оффлайн — HTTrack Website Copier. Этот инструмент позволяет сохранять любой сайт из браузера на компьютере, полностью копируя структуру веб-ресурса, HTML, структуру ссылок, медиафайлы и т.д. После сохранения вы можете полноценно просматривать копию сайта и переходить по ссылкам на своем компьютере оффлайн.

Читайте также как настроить HTTrack Website Copie

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

Онлайн сервисы
Онлайн-сервисы для копирования сайтов работают по тому же принципу, что и парсеры, но основное их отличие заключается в возможности работы без необходимости загрузки и установки программного обеспечения на компьютер. Один из таких популярных бесплатных сервисов — SaveWeb2ZIP.

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

Сохранение через браузер ​

Любой пользователь может легко сохранить выбранный проект на свой компьютер, используя любой браузер, потратив на это всего несколько минут своего времени. После сохранения, дубликат страницы будет доступен на компьютере пользователя в виде HTML-файла и папки. Открытие копии в браузере позволит проверить, что страница полностью сохранена и работоспособна. Однако, для сохранения больших проектов, данный процесс придется повторять множество раз.

Для ускорения и упрощения процесса создания копии сайта, можно обратиться к сторонним специалистам. В интернете есть множество компаний и фрилансеров, которые предлагают услуги по копированию сайтов за определенную плату. Один из таких сервисов — SiteCopy, который имеет несколько тарифов и готов оказать услуги, настроенные под конкретные нужды клиента. Итоговая стоимость зависит от анализа сайта. Кроме того, на сайте можно проверить возможность копирования интересующего сайта (многие сайты защищены от копирования). После копирования сайта пользователь может внести коррективы и адаптировать его под себя, используя систему управления контентом (CMS).

Как отредактировать сохраненный сайт?​

Для адаптации скопированного сайта под свои нужды необходимо создать его дубликат при помощи выбранного способа. Для внесения изменений в структуру сайта можно использовать любой текстовый редактор, такой как Visual Studio Code, Notepad++ или Sublime Text. Откройте удобный редактор, отредактируйте код сайта под ваши потребности, после чего сохраните изменения и проверьте, как они отображаются в браузере. Вы можете редактировать визуальное оформление HTML тегов, применяя CSS, добавлять веб-формы, кнопки действий, ссылки и т.д. После сохранения изменений вы получите файл с обновленными функциями, оформлением и целевыми действиями на вашем компьютере.

Существует возможность адаптировать работающий многостраничный сайт под свои нужды при помощи парсера Web-Archive. Этот инструмент загружает полные версии исходных проектов, сохраняя медиафайлы в системе. Из резервных копий сохраненного ресурса можно извлечь полноценную копию проекта. После удаления ненужных элементов из кода, проект может быть адаптирован под личные запросы пользователя. Например, сервис R-Tools может воссоздать новый проект из сохраненных копий сайтов из интернет-архива.

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

Мы можем хостить новый проект на сервере, затем привязать к нему новый домен и указать путь к файлам проекта, откуда происходят ссылки. Этот метод достаточно быстрый и функциональный, и мы рекомендуем его рассмотреть для использования.

Как создать копию проекта, на WordPress? ​

Давайте начнем с небольшого определения: WordPress — это бесплатный сайт-конструктор, который позволяет создавать сайты для любого пользователя, даже без знания основ программирования. Фрагменты HTML-кода запускаются только во время работы программы, и без доступа к файлам и каталогам сайта, создание полноценной копии проекта может быть очень сложным и затратным по времени, даже для опытных программистов. Каждый сайт имеет свой уровень сложности для создания копии. Для обычного пользователя в таком случае доступна только локальная версия сайта, которая будет содержать стили, шрифты и изображения, но это недостаточно для создания полноценного и работающего сайта.

Возможно использование различных парсеров и сервисов для создания копий сайтов на платформе WordPress, однако следует учитывать, что их возможности ограничены копированием только HTML-кода.

Как создать копию проекта, используя Tilda? ​

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

Для создания полноценного дубликата сайта на Тильде необходимо иметь доступ к его панели управления, где хранятся все данные и файлы. Однако, существуют сервисы, которые позволяют спарсить контент или извлечь информацию из интернет-архивов, чтобы создать копию интересующего лендинга.

Этот сервис предлагает редкий вариант — возможность перенести первоначальный код при выборе тарифного плана Business.

Копирование сайтов в арбитраже трафика ​

Каждый вебмастер понимает, что успех рекламной кампании зависит от тщательной работы, изменения подходов, поиска новых связей, проведения тестов и, конечно же, анализа результатов рекламных кампаний и их аналитики. Успех достигается только тем, кто ищет пути масштабирования и не останавливается на достигнутом. Чтобы запустить одну кампанию, нужно провести много исследований, чтобы изучить свою целевую аудиторию, выбрать географические регионы, подобрать подходящий оффер и т.д. Также необходимо подготовить соответствующие материалы, включая лендинги и прелендинги.

Некоторые вебмастера предпочитают использовать готовые связки от Партнерок, другие покупают уже готовые лендинги у конкурентов, а третьи создают лендинг с нуля. Самыми распространенными способами являются первые два. Однако, в некоторых случаях они могут стать неэффективными, поскольку конкуренция в таких случаях достаточно велика, и связки быстро отжимаются.

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

Итог ​

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

Как утащить простой сайт за 5 минут

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

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

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

В чём идея

Мы будем копировать чужой сайт, чтобы его можно было запустить на своём сервере или на домашнем компьютере. Задача — не просто открыть сайт в браузере и посмотреть его код, а забрать из него все важные файлы — и стили, и скрипты, и изображения. Чтобы было проще, мы будем практиковаться на одностраничном сайте, но всё то же самое будет работать и на многостраничном.

❌ Мы не сможем утащить чужие PHP-скрипты и страницы, связанные с данными пользователя (например, не сможем утащить из интернет-магазина рабочую версию корзины с покупками). Для этого нужен доступ к файлам сервера, а этого у нас нет.

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

Вот этот последний этап мы и исправим: теперь мы будем сохранять чужие сайты к себе на диск.

Весь процесс покажем на примере сайта ux-posters.ru – простом одностраничном сайте, где есть картинки, стили и скрипты. Автору этого текста пришлось помогать авторам этого сайта с похожей задачей, так что пример свеженький.

Быстрый путь: грабберы

Есть категория программ под названием «веб-грабберы», или «веб-рипперы». Они работают так:

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

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

✅ Плюсы: граббер может быстро охватить много страниц и скачать из них огромное количество стилей, картинок и всего подряд. Работа очень быстрая и хорошо автоматизирована.

❌ Минусы: часто он качает всё без разбора, оставляя на диске много дублей. Также он бессилен с сайтами, в которых контент выводится динамически или имеет нестандартную систему адресации.

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

Вот ссылки на грабберы для разных платформ:

• HTTrack — старый интерфейс из нулевых, но свою задачу выполняет полностью. Бесплатный и надёжный, работает везде.
• Getleft — мультиплатформенный граббер, который пытается выкачивать всё, до чего дотянется, включая PHP-скрипты.
• Cyotek WebCopy — для тех, кто любит только Windows, тоже бесплатный.

Сложный путь: ручное сохранение

Допустим, мы хотим сохранить какую-то отдельную страницу сайта или конкретные её части (например, картинки). Но эти картинки как-то так хитро встроены, что вы не можете просто нажать «Сохранить картинку как. ». Тогда потребуется ручной метод.

Заходим на страницу и нажимаем в браузере Ctrl + I (в Виндоус) или ⌥ + ⌘ + I (если у вас мак). Появляется окно «Инспектора», где видна внутренняя структура страницы:

Мы видим, что текущий документ в браузере состоит:

• из страницы index.html;
• скрипта likely.js;
• четырёх таблиц стилей;
• шрифтов, подключённых через сервис Google;
• папки с картинками.

Шрифты нам скачивать необязательно — сайт и так их подключит с сервера гугла, а всё остальное скачать нужно. Чтобы не создавать хаос на компьютере, создадим сначала папку ux-posters — в ней будет храниться наш сайт. Потом в эту папку сохраняем все файлы таким способом:

1. Нажимаем правой кнопкой мыши на очередной файл.
2. Выбираем пункт Save as, или «Сохранить как».
3. Пишем имя и расширение файла — точно так, как указано в списке.
4. Если лень писать самому — скопируйте перед этим название файла, нажав правую кнопку мыши и выбрав Copy file name, или «Скопировать имя файла».
5. Чаще всего название файла подставится само, но если нет — смотрите пункт 4.

Исключения в названии файлов два:

1. (index) — это index.html.
2. В любом файле знак вопроса и всё, что после него, писать не нужно.

Скачать можно всё, а можно только то, что вам нужно для работы и экспериментов. Например, если вам нужны только стили и код страницы, сохраняйте файлы .css и (index). Если нужны картинки, заходите в папку pics и сохраняйте всё оттуда.

Что в итоге

Если мы пройдёмся по всем папкам и сохраним в них всё нужное нам, у нас получится локальный слепок сайта. Теперь можно:

1. Изучить, как он устроен, что-то отредактировать и увидеть результат у себя на компьютере.
2. Открыть файл index.html в браузере, и будет ощущение, что вы зашли на сайт, но с локального компьютера. Сайт откроется по протоколу file:// — это так браузер говорит нам, что файл взялся с нашего компьютера, а не из интернета.
3. Запустить MAMP и завести на нём локальную копию сайта для экспериментов. Тогда браузер будет думать, что ходит за этим сайтом в интернет. Можно написать какие-нибудь php-скрипты и оживить сайт.

�� Важно понимать, что перед нами именно «слепок» — то, что мы бы увидели, если бы сервер сегодня ответил на наш запрос. Если завтра сервер будет отвечать по-другому, мы этого в своей локальной копии не увидим.

Когда ещё это пригодится

Защитить сайт перед наплывом пользователей. С помощью грабберов можно быстро создать неубиваемую статическую копию сайта и временно подменить ей динамическую версию сайта. Это полумера, но может сработать. А вообще вместо этого есть специальные надстройки, которые делают почти то же самое, но более умно, — поищите слово «кеширование».

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

Если вы едете туда, где не будет интернета, а вам нужна информация с сайта (например, путеводитель по чужой стране). Помните, что динамические карты и видеоролики так не сохранятся.

Сделать собственный «веб-архив» — это сервис, который ползает по сайтам и делает их «слепки» для истории. Благодаря этому сервису можно посмотреть, как выглядели ваши любимые сайты много лет назад — например, Яндекс.