Элемент встроенного стиля появляется в окне develoer, но не при просмотре исходного кода

Question

Я смотрю форму, которая имеет captcha. Применяемый CSS сделал все это потрясающе выглядящим. Я собираюсь диагностировать проблему, и я смотрю стили, применяемые в моем окне разработчика Chrome Chrome. Для каждого отдельного правила в правом верхнем углу окна есть светло-серый текст, в котором говорится, откуда пришел код. Единственное правило, которое меня интересует, указывает, что оно исходило от <style></style>, которое, как я полагаю, является встроенным правилом стиля. Нажав на источник, он принимает меня к элементу <style>, который определен и, конечно же, содержит правила. Эти правила не существуют в исходном файле, поэтому я уверен, что элемент добавляется через javascript. Когда я нажал ctrl + u, чтобы посмотреть исходный код, элемента <style> нет.

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

Answer 1

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