2016-05-03 3 views
1

как я могу вид код, который у меня есть динамически создан с JQuery/JavaScript?Просмотр dynamaically сгенерированный код

+2

Какой код? Как вы динамически его создаете? Вы уверены, что имеете в виду «код», а не «DOM-структуры»? – Quentin

+0

Может быть и структурой DOM :-) Я имею в виду сгенерированный вывод, когда создаю элемент. – DragonStyle

ответ

0

вы можете использовать text() функцию JQuery в:

$("div.someClass").text(code_to_display); 
+0

Есть ли способ разместить его в браузере (добавить в него)? – DragonStyle

+0

вы можете использовать console.log (code_to_display), чтобы отобразить его в консоли разработчика Chrome dev, например –

+0

. Я протестировал Mozilla и панель инструментов веб-разработчиков. Существует «Button» с Show сгенерированным кодом, но он не отображает его. – DragonStyle

1

В большинстве браузеров, щелкнув правой кнопкой мыши на странице и нажать кнопку «Проверить элемент» позволит вам просматривать разметку указанной страницы.

Эта разметка будет содержать все, сгенерированные с использованием JavaScript и/или jQuery.

Примечание: Из-за отсутствия деталей в вопросе, я предположил, что вы хотели просмотреть разметку страницы после ее отображения браузером.

Редактировать: Пожалуйста, смотрите Quentin's answer, поскольку они предоставляют ссылки на информацию о средствах разработчика, предоставляемых с некоторыми основными браузерами.

0
var div = document.createElement("div"); 
div.id = "myDiv"; 
document.body.appendChild(div); 

Посмотрите на вкладке Elements в Chrome Dev Tools (или аналогичные в других браузерах) и перейдите к нижней части <body></body> тега, чтобы увидеть новый элемент.

0

В большинстве браузеров есть инструменты для разработчиков, в состав которых входит инспектор DOM, встроенный. Обычно их можно вызвать, выбрав что-то в строке «Inspect Element» из контекстного меню внутри окна просмотра.

Смежные вопросы