Правильно ли так заменять содержимое страницы?

@skapunker · Регистрация: 13.12.2013

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

Всем привет!

JavaScript
1
2
3
4
5
6
7
8
new_content = new DOMParser().parseFromString(new_content, "text/html");  
let doctype, html, head, body = '';            
if(new_content.doctype.name) doctype = "<!DOCTYPE " + new_content.doctype.name + ">";
head = new_content.head;
body = new_content.body;
 
document.body = body
document.head = head

Правильно ли так делать, если мне нужно перезаписать содержимое страницы? Или это ересь?
document.write использовать нельзя

Чисто технически браузер перезаписывает.

@skapunker · 15.03.2024, 09:14 **[ТС]**

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

во первых я не понимаю по прежнему что вы делаете сайт или бота?

я делаю приложение для защиты от ботов,
после проверки на бота нужно показать пользователю контент сайта

@voraa · 15.03.2024, 10:44

На странице почти всегда есть скрипты.
Заменой head и body их нельзя заставить работать. Также как и через innerHTML.

Только либо потом отдельно их вставлять, как элементы <script> в нужные места в нужной последовательности
(Но при этом сомнительно, что будет происходить обработка события DOMContentLoaded).

Ну и либо через document.write

@skapunker · 15.03.2024, 11:16 **[ТС]**

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

На странице почти всегда есть скрипты

вот это уже другой интересный момент который тоже нужно учитывать

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

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

Ну и либо через document.write

нужен аналогичный метод

@voraa · 15.03.2024, 11:18

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

нужен аналогичный метод

Я всегда в таких случаях напеваю

Джаваскрипт придуман не нами,
Джаваскрипт придуман не мной
...

Ну нету вот другого метода.

@skapunker · 15.03.2024, 11:21 **[ТС]**

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

Ну нету вот другого метода.

может и есть, просто мы о нем не знаем
но кто нибудь умный определенно знает

@Именч · 15.03.2024, 11:56

iframe в помощь

Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
    body, html {
            margin: 0;
            padding: 0;
            overflow: hidden;
            height: 100%;
        }
        iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border: none;
        }

Добавлено через 2 минуты
https://codepen.io/Carleslc/pen/QRZgyx

@sad67man · 15.03.2024, 12:02

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

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

Вот о чем я и говорю.. Не понятно, почему автор не может отдать готовый head, зачем его менять? что случится с ботом, если он его увидит? А скриптом подменять только body. Это тоже самое, что и подгружать контент, только он уже будет загружен. Автор так и не ответил на этот вопрос...

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

На странице почти всегда есть скрипты.

Как правило скрипты подключаются в конце body, если их соблюдать, то проблем не будет.. Конечно такая "защита" будет накладывать некоторые ограничения. Но если очень хочется, то это нужно будет учитывать при разработке. Это просто вопрос способа их подключения, их можно подключать и скриптами, вы можете взять контент и перенести все скрипты вниз, как это делает битрикс...

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

после проверки на бота нужно показать пользователю контент сайта

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

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

Сообщение от Именч

iframe в помощь

С iframe могут быть проблемы с переходами по ссылкам внутри сайта. Адресная строка не будет меняться

@mr_dramm · 15.03.2024, 13:26

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

Вот о чем я и говорю.. Не понятно, почему автор не может отдать готовый head, зачем его менять? что случится с ботом, если он его увидит? А скриптом подменять только body. Это тоже самое, что и подгружать контент, только он уже будет загружен. Автор так и не ответил на этот вопрос...

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

Еще можно сдеать редирект после успешного прохождения, это вообще решит много проблем, но конечно страница перезагрузится что будет странно смотреться если это spa

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

@voraa · 15.03.2024, 13:41

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

А скриптом подменять только body.

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

Как правило скрипты подключаются в конце body, если их соблюдать, то проблем не будет..

"Как правило" - это не вариант. В head тоже часто загрузку скриптов размещают, особенно модули.
Как правило в скриптах есть важный обработчик события DOMContentLoaded. При замене body, даже если потом аккуратненько подключать все эти скрипты, это событие происходить не будет.

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

Да вообще только сам элемент head не перезаписываемый

Он вполне себе перезаписываемый. Только не прямым присваиванием, а через replaceWith или replaceChild.

@skapunker · 15.03.2024, 14:15 **[ТС]**

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

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

потому что у страницы проверки свой head

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

Как правило скрипты подключаются в конце body, если их соблюдать, то проблем не будет..

скрипты могут быть подключены где угодно, поэтому решение нужно универсальное

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

Ну тогда можно посмотреть в сторону перезагрузки страницы.

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

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

С iframe могут быть проблемы с переходами по ссылкам внутри сайта

iframe в данном случае это дичайшая дичь

@sad67man · 15.03.2024, 15:26

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

поэтому решение нужно универсальное

Универсальное решение в любом случае не получится сделать.. Для начала делайте частные решения, потом уже их можно будет проанализировать и придумать общее.. хотя возможно этого и не потребуется.

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

iframe в данном случае это дичайшая дичь

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

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

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

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

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

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

@mr_dramm · 15.03.2024, 16:58

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

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

я не знаю что планируется делать... на всех страницах или только на одной =)

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

кликать можно и по скринам с помощью питона таких кликеров/кравлеров пруд пруди если уж сильно заморочиться

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

мое мнение что эта защита больше проблема чем защита... но это лишь мое скромное ИМХО

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

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

я это предлагал когда писал что эта капча может работать также как и логин с сессией на сервере тут может недостаточно понятно описал

@skapunker · 15.03.2024, 20:29 **[ТС]**

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

Универсальное решение в любом случае не получится сделать..

Сервисы проверки ботов типа Cloudflare или ddosguard как то же показывают сайт. Это же не волшебным образом происходит.

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

А реферер - зачем он вам нужен?

как зачем? для счетчиков

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

Чтоб определить откуда пришел пользователь обычно делают специальные ссылки.

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

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

не нужно думать о том, как работает защита и что она проверяет, уже все сделано, нужно просто перезаписать страницу

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

Тоже самое можно и научить бота читать данные с переменной в js.

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

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

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

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

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

мое мнение что эта защита больше проблема чем защита

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

Добавлено через 2 минуты
Вы спросите, а почему нельзя использовать document.write?

А я отвечу: его можно использовать, но он какой то неполноценный. Гугл хром ругается, мол метод медленный, и не хочет грузить внешние файлы, например скрипты со сторонних CDNов и т.д.

@бел ка · 15.03.2024, 20:55

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

Вы спросите, а почему нельзя использовать document.write?

А я отвечу: его можно использовать, но он какой то неполноценный.

а чем не устраивают другие методы? например console.log, inerthtml

@skapunker · 15.03.2024, 20:58 **[ТС]**

Сообщение от бел ка

а чем не устраивают другие методы?

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

@бел ка · 15.03.2024, 21:03

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

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

есть ещё метод inerttext...

@Именч · 15.03.2024, 22:49

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

С iframe могут быть проблемы с переходами по ссылкам внутри сайта. Адресная строка не будет меняться

Придётся писать хуки, но это не страшно для такой задачи

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

iframe в данном случае это дичайшая дичь

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

Добавлено через 12 минут
https://github.com/davidjbradshaw/iframe-resizer
https://github.com/davidjbrads... izer-react

@voraa · 16.03.2024, 07:51

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

Вы спросите, а почему нельзя использовать document.write?
А я отвечу: его можно использовать, но он какой то неполноценный. Гугл хром ругается, мол метод медленный, и не хочет грузить внешние файлы, например скрипты со сторонних CDNов и т.д.

И правда. Внешние скрипты не грузятся.
Но остальные варианты даже внутренние скрипты не выполняют.
Я пробовал через

JavaScript
1
2
const bloburl = window.URL.createObjectURL(blob);
window.open(bloburl, "_self")

Все работает, все грузится, но идет подмена url в адресной строке на что то типа
blob:null/2be2c541-5770-4648-8412-8e1fd8e9ba38

И перезагрузку страницы, естественно сделать нельзя.

Новые блоги и статьи Все статьи Все блоги /
Книги по геймдизайну, левел-дизайну, игровым механикам и проектированию игрового опыта 8Observer8 08.11.2026 Содержание блога \| English Version 1. 2003 - 06 - Designing Virtual Worlds (1st Edition) Автор: Richard A. Bartle \| Объем: 768 стр. Ссылки: Amazon . . .	Родители токсичные абьюзеры по отношению к своим детям ругают их оскорбляют не любят zorxor 08.11.2026 Жить в атмосфере постоянных оскорблений, критики и холодности со стороны родителей — это тяжелое и болезненное испытание, которое оставляет глубокие эмоциональные раны. Токсичное и абьюзивное. . .	Как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Ответ от Джемени ИИ. zorxor 08.11.2026 Джемени, как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Многие люди, возвращаясь домой, сразу переодеваются в максимально свободную одежду или вовсе предпочитают. . .	Паттерн очереди действий/команд (Action / Command Queue). Система очереди действий и кат-сцен с SDL3 Callbacks, cglm и OpenGL 8Observer8 07.11.2026 Содержание блога \| English Version Руководство для начинающих по реализации паттерна очереди действий/ команд (Action / Command Queue) на C++ (C++20) с использованием официального SDL3 Callbacks. . .
Проверка полного ФИО в типовом справочнике Maks 07.11.2026 Решение реализовано в конфигурации КА2, на примере справочника "КонтактныеЛицаПартнеров". Задача: Запрет инициалов. Не допускаеть использование сокращений вида "И. И. ", "И. И. ", "И И" и. . .	Про "Windows must die!" kumehtar 04.11.2026 Знаете, чет накатило. . . . Когда-то это было почти боевым кличем: мол, нормальный человек сидит на DOS, OS/ 2 или Linux, а вот это вот - Must Die. А теперь человек произносит «мастдай» с усмешкой - и. . .	Красочные поля с номером страницы svg+background-image russiannick 04.11.2026 Красочные поля с номером страницы не менее важны чем в эпоху бумажных книг. Посему спешу представить почтеннейшей публике этот важный инструмент который эти поля и формирует. В процессе разработки. . .	Вступаем в новую фазу генерации favicons, векторную. russiannick 02.11.2026 Теперь нет нужды скрывать что используется простой svg. Исходный код изображения помещаем в поле и жмем кнопку. Исходник преобразуется в вид корректный для помещения в favicon или в url(). Нажатие. . .

@voraa 1305 / 1328 / 193 Регистрация: 21.01.2024 Сообщений: 6,131
	15.03.2024, 10:44
	На странице почти всегда есть скрипты. Заменой head и body их нельзя заставить работать. Также как и через innerHTML. Только либо потом отдельно их вставлять, как элементы <script> в нужные места в нужной последовательности (Но при этом сомнительно, что будет происходить обработка события DOMContentLoaded). Ну и либо через document.write 0