2016-09-07 22 views
0

Chrome拡張機能をデバッグしようとしています。私は拡張ページに背景ページを開いていますが、私が持っている配列の型を調べる方法があるのだろうかと思っていました。例えばChrome Chrome拡張機能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

関連する問題