Содержание
Скачать HTML-код любого сайта можно через браузер: нажмите правую кнопку мыши и выберите «Сохранить как...» (или «Сохранить страницу»), выбрав тип «Веб-страница, полностью» или «HTML-файл». Для профессиональных задач (скачать свой сайт с хостинга) используйте FTP-клиент или панель управления хостингом. Способ зависит от того, чей код вы хотите получить — чужой или свой собственный, и с какой целью.
Скачивание HTML-кода чужого сайта (просмотр и анализ)
Любой браузер может сохранить текущую страницу вместе со всеми файлами (изображениями, стилями, скриптами). Это разрешено законом для личного использования и обучения, но не для копирования дизайна или контента (нарушает авторские права).
Способ 1: Сохранение через меню браузера (простой)
Откройте нужную страницу, нажмите правой кнопкой мыши в любом месте (не на картинке) и выберите:
- Chrome, Edge, Яндекс.Браузер: «Сохранить как...» (Ctrl+S).
- Firefox: «Сохранить страницу как...».
- Safari (Mac): «Файл» → «Сохранить как...».
В диалоговом окне выберите тип файла:
| Тип файла | Что сохраняет | Когда использовать |
|---|---|---|
| Веб-страница, полностью | HTML-файл + отдельная папка с CSS, JS, картинками | Для локального просмотра сохранённой страницы как в интернете |
| HTML-файл (одиночный) | Только HTML-код, стили и картинки не сохраняются (страница будет «голая») | Для быстрого анализа кода без загрузки лишних файлов |
Способ 2: Просмотр исходного кода и копирование (для небольших фрагментов)
Если вам нужен не весь сайт, а кусок кода (например, таблица или форма):
- Нажмите Ctrl+U (на Windows/Linux) или Cmd+Option+U (на Mac), чтобы открыть исходный код страницы.
- В открывшейся вкладке выделите нужную часть кода мышью.
- Нажмите Ctrl+C (Cmd+C) и вставьте в свой редактор (Ctrl+V).
Также можно использовать Инструменты разработчика (F12) — вкладка «Elements» (Элементы), выбрать интересующий блок правой кнопкой → «Copy» → «Copy element».
Особенности сохранения динамических сайтов (SPA, React, Vue)
Современные сайты на JavaScript-фреймворках (Angular, React, Vue) генерируют HTML динамически, поэтому «Сохранить как...» может сохранить пустую страницу. Для таких случаев:
- Используйте расширения браузера для скачивания полной страницы, например, SingleFile (для Chrome/Firefox) — он сохраняет страницу в один HTML-файл, запечатлевая состояние после загрузки всех скриптов.
- Либо сделайте скриншот кода через вкладку «Sources» в инструментах разработчика.
Скачивание HTML-кода вашего собственного сайта (с хостинга)
Если вы владелец сайта и хотите сделать резервную копию или скачать файлы на компьютер, используйте FTP или файловый менеджер хостинга.
Способ 1: Через FTP-клиент (рекомендуется)
FTP (File Transfer Protocol) — стандартный способ для скачивания файлов с сервера.
- Установите бесплатный FTP-клиент: FileZilla, WinSCP, Cyberduck.
- Подключитесь к серверу, используя данные, которые вы получили от хостинг-провайдера (обычно это хост, логин, пароль, порт 21). Найти эти данные можно в панели управления хостингом.
- В левой панели (локальные файлы) откройте папку, куда хотите сохранить код.
- В правой панели (удалённые файлы) найдите корневую папку вашего сайта (обычно public_html, www или htdocs).
- Выделите нужные файлы и папки (например, всё
public_html) и нажмите «Скачать» (правой кнопкой → Download).
Способ 2: Через файловый менеджер хостинга (без доп. программ)
Большинство хостинг-панелей (cPanel, ISPmanager, Plesk) имеют встроенный файловый менеджер с функцией архивации.
- Войдите в панель управления хостингом.
- Найдите раздел «Файлы» → «Файловый менеджер».
- Перейдите в папку
public_html. - Отметьте файлы и папки, которые хотите скачать, и выберите «Архивировать» (создать zip-архив).
- После создания архива нажмите на него правой кнопкой мыши и выберите «Скачать» (Download).
Способ 3: Через панель администрирования CMS
Если ваш сайт работает на CMS (например, Joomla или WordPress), встроенными средствами HTML-код сохранить нельзя — только через расширения для резервного копирования (например, Akeeba Backup для Joomla). Эти расширения создают архив со всеми файлами и дампом базы данных, который затем можно скачать через браузер.
Скачивание кода из конструктора сайтов (SitePro.by и аналоги)
Конструкторы обычно не позволяют скачать HTML-код проекта в виде файлов, так как ваш сайт находится внутри их системы и генерируется динамически. Максимум, что можно сделать:
- Сохранить каждую страницу через браузер («Сохранить как...») — но вы потеряете привязку стилей и многие интерактивные элементы.
- Использовать встроенную функцию экспорта (если она есть) — например, в некоторых конструкторах можно экспортировать проект как архив с файлами.
Если вам нужен полноценный HTML-код для переноса на другой хостинг, конструкторы не подходят — они работают по принципу аренды, а не «скачай и владей».
Что важно знать перед скачиванием чужого кода
- Авторские права: Вы можете использовать скачанный код для личного изучения, но не для коммерческого использования и не для создания клона сайта без разрешения владельца. Дизайн, тексты, изображения защищены законом.
- Динамические элементы (формы, поиск): Скачанный HTML-код не будет работать с серверными скриптами (PHP, Python). Формы, поиск, отправка данных на чужом сайте полагаются на серверную часть, которую вы не скачаете.
- Стили и скрипты на CDN: Сохранённая страница всё равно может подгружать CSS и JS с внешних серверов (например, Bootstrap, jQuery). В офлайн-режиме такие страницы будут выглядеть «сломанными».
Мой экспертный совет
Для обучения и вдохновения скачивание HTML-кода (например, сохранение макетов с Figma-подобных сайтов) — нормальная практика. Но для своих проектов всегда пишите свой код или используйте готовые решения с открытой лицензией. Если вы используете CMS (Joomla), файлы ваших тем и модулей можно скачать через FTP, но помните: для полного восстановления сайта нужен и дамп базы данных (содержимое статей, пользователей). Просто скачать HTML-код страницы недостаточно. Для регулярных бэкапов используйте специализированные расширения (Akeeba Backup для Joomla, UpdraftPlus для WordPress).
