2015-05-03 3 views
2

есть ли какой-либо инструмент, чтобы посмотреть, как браузер отображает javascript?как смотреть выполнение javascript

Рассмотрите некоторые веб-сайты, используя угловой/jquery. Я хочу найти, какие функции называются E2E без использования инструментов отладки chrome/firefox. Я пробовал использовать профиль, но он не дает четкой картины.

+0

Ваш вопрос непонятно мне. Что именно вы хотите посмотреть? Я почти не читал, что вы хотите разбить каждую функцию, которая манипулирует (добавлять/изменять/удалять узлы) DOM? Это правильно? Почему вы не хотите использовать отладчик браузеров для этого? Как этот процесс должен отображаться, если не использовать отладчик (как он должен выглядеть)? –

+0

Я хочу посмотреть поток выполнения, рассмотреть, что я просматриваю сайт X (ex Google), я хочу знать, какой javascript называется onload, и какие функции JS обрабатывают данные DOM .etc – user1452840

ответ

-1

Вы можете добавить console.log() к функциям, которые вы хотели бы знать при их вызове. Затем, чтобы увидеть, когда их вызывают, на своем веб-сайте перейдите на консоль инструментов разработчика (ctrl+shift+j в chrome), и он покажет, когда вызывается каждая функция.

например.

function abc(paramater1) { 
    //do something 
    console.log("function abc() called"); 
} 
function xyz(paramaterA) { 
    //do something 
    console.log("function xyz() called"); 
} 

Затем откройте консоль (хром ctrl+shift+j) и когда, например, function xyz() называется, она расскажет вам так.

+0

Любая причина для downvote? –

0

Я не знаю, что смотреть, но вы можете увидеть конечный результат. В Firefox есть (Web) Developers Toolbar. Pull-down View Source -> Просмотр сгенерированного источника.

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