Просмотр, копирование, сохранение исходного кода страницы любого сайта


копировать код сайта

- Как просмотреть код страницы сайта.
- Создание копии любого сайта.
- Копирование и сохранение CSS стиля страницы.
- Работаем со скаченным из интернета сайтом.
- Защита сайтов от копирования кода
- Будьте внимательны при совершении покупок в Интернете - копирование дизайна платёжных страниц.

Просмотр, сохранение кода страницы

Вы можете просмотреть код любого HTML-файла веб-страницы, набрав сочетание клавиш CTRL+U в любом популярном браузере, для Safari - Ctrl+Alt+U.
Или кликните правой кнопкой мыши на пустом месте сайта. Выберите "Просмотреть код страницы", в различных браузерах приглашение может быть другим, допустим: "Исходный код страницы". Браузер откроет исходный код документа в отдельном окне. Теперь вы можете заглянуть во внутреннее устройство веб-страницы.

В верхней части кода (между тегами head) вы найдёте путь к файлу CSS. Там же или внизу перед body адреса файлов JS.
Зная адрес вспомогательных файлов, их можно легко открыть, просмотреть содержимое или скопировать себе на компьютер: клик правой кнопкой в любом месте - сохранить как... Или скачать страницу средствами браузера (Страница => Сохранить как...).

Когда адрес в коде прописан не полностью, допустим: temp/code/css/style.css (без http://), то добавьте в начало адрес сайта, посмотрев его в браузере.

При сохранении страницы полностью (см. картинку ниже) через меню браузера, кроме файла .html сформируется дополнительная папка, в которых будут лежать картинки и файлы CSS, JS.
Можно сохранить как "только html файл", но тогда, при просмотре в браузере, страница будет отображаться не корректно: будут нарушены пути к файлам .css и изображениям.

сохранить код страницы

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

Работаем со скаченным из интернета сайтом

Открыв скаченные файлы с помощью текстового редактора, можно редактировать их на своё усмотрение.
Для начала необходимо выбросить всё лишнее из файла .html: счётчики, аналитику, код js скриптов, рекламу.
Скачать по прописанным в коде адресам отдельные файлы CSS и JS, элементарно открыв их в браузере.
Прописать свои внутренние пути к этим файлам и картинкам.

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

Подобные мероприятия помогают в изучении структуры сайта и практикуют опыт работы с кодом.

Защита сайтов от копирования кода

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

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

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

Пример подмены адреса страницы официального сайта при покупке товара или услуги:
подмена страницы с адресом сайта

Автор: Saah | Просмотров: 21 | 9-02-2020,Вс, 10:57  

Добавить свой комментарий:

@
Похожие публикации