Как декомпозировать код сайта, если стоит запрет?

@albaik · Регистрация: 11.08.2014

Студворк — интернет-сервис помощи студентам

Добрый день! Подскажите, как получить код сайта https://react-learning.ru/. По запросу "Посмотреть код", показывает только это

HTML5
1
<!doctype html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React - PostList</title><link rel="icon" href="/favicon.svg"><script defer="defer" src="/main.js"></script></head><body><div id="root"></div></body></html>

.
А по F12 или Ctrl+U он вроде бы показывается, но при попытке скопировать любой элемент и вставить в редактор кода, вставляется какая-то ерунда на 27000 строк и непонятно что с этим делать. Как-то можно извлечь код?

@POSE · 10.02.2023, 19:18

Сообщение от albaik

Подскажите, как получить код сайта

То, что получает браузер - можно посмотреть с помощью инструментов разработчика. Ну, а то, что на бэкенде - никак.

@POSE · 10.02.2023, 19:25

Сообщение от albaik

какая-то ерунда на 27000 строк

Если быть точным - 27549. И это не ерунда. Обычный html-код. А строк много из за стилей, которые вставлены прямо на страницу. Наверное, пытается этим улучшить скорость загрузки сайта

@albaik · 11.02.2023, 10:54 **[ТС]**

Добавлено через 30 секунд

Сообщение от POSE

Если быть точным - 27549. И это не ерунда. Обычный html-код. А строк много из за стилей, которые вставлены прямо на страницу. Наверное, пытается этим улучшить скорость загрузки сайта

О каких стилях речь, если не секрет?

@POSE · 11.02.2023, 11:04

Сообщение от albaik

О каких стилях речь, если не секрет?

Об обычных стилях css. Они у него размещены в шапке сайта head и заключены между тегами <style> </style>

Вот скрин

@albaik · 11.02.2023, 11:18 **[ТС]**

Сообщение от POSE

То, что получает браузер - можно посмотреть с помощью инструментов разработчика. Ну, а то, что на бэкенде - никак.

да, про браузерную часть.
Задание: "Реализовать:
Декомпозировать на компоненты главную страницу демо приложения https://react-learning.ru/
Используя библиотеку https://ant.design/ или https://mui.com/ или https://getbootstrap.com/ реализовать необходимые компоненты и сделать рендеринг постов из стейта. Изначальное состояние для списка карточек можно получить из прикрепленного массива (так как мы это было сделано на вебинаре по стилизации).
В интерфейсе должны быть предусмотрена кнопка создания поста. Она будет либо открывать другую страницу либо открывать модальное окно. Функционал перехода на страницу либо открытия модального окна сейчас реализовывать не нужно. Повесьте обработчик события click на эту кнопку, который вывод в консоль текст - Есть контакт!".

Не пойму, весь этот код нужно самому написать? Срок - 10 дней. Это ж нереально.

Добавлено через 1 минуту

Сообщение от POSE

Вот скрин

Это ненужные стили, они не влияют на страницу?

@DrType · 11.02.2023, 11:20

albaik, "декомпозировать" — скорее всего имелось в виду, что надо осмотреть страницу и мысленно разделить её на компоненты. Анализировать код сайта не нужно, это своего рода макет по которому вы должны реализовать функционал.

@POSE · 11.02.2023, 11:49

Сообщение от albaik

Это ненужные стили, они не влияют на страницу?

Влияют на дизайн страницы. Размеры, цвета и местоположения элементов на странице.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	11.02.2023, 11:20
	albaik, "декомпозировать" — скорее всего имелось в виду, что надо осмотреть страницу и мысленно разделить её на компоненты. Анализировать код сайта не нужно, это своего рода макет по которому вы должны реализовать функционал. 0