Chrome Debugging Chrome Extension Javascript

Question

I am trying to debug a chrome extension. I have opened up the background page in the extension page but I was wondering if there was a way to look at the array type that I have.

For example, I have the code

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

Where my cells is the teachers in the list. I would like to view which teachers I have in the cells array.

Also, in the inspected page, the teachers name is listed as

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

Would it be affected by that?

Thanks!

Answer 1

You can do that with Chrome developer tools. The easiset way is to add

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

Then it will be displayed in your console. (There is a tab in dev tools called console.)

You can call that function from the console as well by typing:

main();

Hope this helps