Как я могу отлаживать javascript, содержащийся в $ (document) .ready()?

Question

Я пытаюсь отладить некоторые js в браузере (специально для Chrome). Как проверить, какое значение установлено для some_data и new_data?

Я понял из-за того, что переменная область ограничена функциями, some_data и new_data не существуют после выполнения документа ready().

$(document).ready(function(){ 
    var some_data = [4, 8, 15, 16, 23, 42]; 
     var new_data = some_data * 2; 
}); 

Answer 1

Используйте средства для разработчиков. Если вы используете хром, нажмите F12, перейдите к источникам, найдите файл, в котором находится ваш javascript, найдите свой код, установите точку останова (щелкнув слева от строки, на которую вы хотите включить точку останова), и нажмите F10 для выполнения построчно. Вы можете просто нависать над именами переменных, и это даст вам текущие значения.

Answer 2

Вот очень хорошая статья на отладки JavaScript:

http://alistapart.com/article/advanced-debugging-with-javascript

Answer 3

Вы можете использовать панель инструментов разработчика в IE, Chrome. Для firefox используйте Firebug, это дополнение к Firefox. Для использования Safari используйте элемент проверки. Все большей поддержки браузера ниже ключа:

F10- execute line by line(step over next function call) 
F11- (step into next function call) 
F8- Pause script execution. 

Answer 4

мои два цента ...

написать слово debugger внутри кода ... и будет генерировать контрольные точки мгновенно, если вы нажмете (Ctrl + I) покажет вам элементы отладчика ...

best