2016-09-07 4 views
0

Я пытаюсь отладить расширение chrome. Я открыл фоновую страницу на странице расширения, но мне было интересно, есть ли способ взглянуть на тип массива, который у меня есть.Отладка Chrome Chrome Extension Javascript

Например, у меня есть код

function main() { 
var cells = document.getElementsByClassName('sectionFieldInstructor'); 
var length = cells.length; 
var professors = []; 
var profCount = 0; 

Где мои клетки являются учителя в списке. Я хотел бы посмотреть, какие учителя у меня есть в массиве ячеек.

Кроме того, в проверяемой странице, имя учителя перечислено как

<a href="search?mode=search&instructor=TEACHER">A. TEACHER</a><br/> 

Будет ли это влиять на это?

Спасибо!

+0

Просто установить контрольную точку внутри функции и наведите указатель мыши на переменную. Отладчик чрезвычайно эффективен с множеством функций, которые действительно ускоряют работу и помогают разработке, читают некоторые учебные пособия, такие как официальные: https://developers.google.com/web/tools/chrome-devtools/debug/breakpoints/add-breakpoints – wOxxOm

ответ

1

Вы можете сделать это с помощью инструментов разработчика Chrome. Простой способ добавить

var cells = document.getElementsByClassName('sectionFieldInstructor');  
    console.log(cells); //Add this line  
var length = cells.length; 

Тогда он будет отображаться на вашей консоли. (Существует вкладка в Дев инструментах называется консолью.)

Вы можете вызвать эту функцию из консоли, а набрав:

main(); 

Надеется, что это помогает

+0

По какой-то причине я не смог открыть консоль для открытия инструментов dev, но обнаружил ее при проверке страницы. Благодаря! – Sicktightyo

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