В Chrome или Firefox, нажмите F12, это вызовет инспектора.Нажмите «Консоль», чтобы открыть окно консоли.
Теперь в вашем коде javascript, любую переменную или объект, который вы хотите напечатать или «проверить».Передайте его в метод журнала консоли.
var your_array_variable = "a string variable";
console.log(your_array_variable); //<-- This is what you want to do!
Теперь обновите страницу и запустите событие или функцию, которую вы строите.
Вуаля! ... В окне вашей консоли вы должны увидеть >Object (если вы печатаете объект).
Или в приведенном выше примере .. В консоли вы увидите a string variable.
Нажмите на узел раскрывающегося дерева (>), чтобы просмотреть сведения об объекте / переменных.
Вы можете console.log почти что угодно! .. Это отличный способ узнать, что происходит.
Вы также можете установить «точки останова», но это совсем другой вопрос! ..
Я думаю, что вы ищете:
console.log(data); // To show the JSON data received
Обновление
Попробуйте, это сработало для меня, в консоли вы увидите 2 объекта, по которым вы можете щелкнуть и просмотреть.Первый - это данные из запроса json, второй - элемент, зацикленный в $ .each.Это сработало для меня, по щелчку чего-либо с id="get_json".Это сделает запрос и зарегистрирует ответ на консоли.
$('#get_json').click(function(e){
e.preventDefault();
$(function() {
var json_url = 'http://gdata.youtube.com/feeds/users/iCallOfDutyFILMS/uploads?orderby=published&alt=json-in-script&max-results=1&callback=?';
$.getJSON(json_url, function(data) {
console.log(data); // Here we log to our console
$.each(data.feed.entry, function(i, item) {
console.log(item); // This is what you want i think
var updated = item.updated;
var url = item['media$group']['media$content'][0]['url'];
var thumb = item['media$group']['media$thumbnail'][0]['url'];
var numViews = item['yt$statistics']['viewCount'];
//var vidDescription = item[''][''];
var width = 710; //only change this number
var height = width*9/16;
//...rest left out...
});
}).success(function() { alert("success"); })
// Errors are your friend!.. Use them..
.error(function(jqXHR, textStatus, errorThrown) {
console.log("error " + textStatus);
console.log("error throw " + errorThrown);
console.log("incoming Text " + jqXHR.responseText);
}) // End of .error
.complete(function() { alert("complete"); });
});
});