人気ブログランキング | 話題のタグを見る

デベロッパーツールで遊んでみた。

デベロッパーツールで遊んでみた。まず、Chrome のメニューアイコンをクリックして、[その他のツール] -> [デベロッパーツール] を選択し、デベロッパーツールの Console タグをクリックしてコンソールを呼び出す。それから、JavaScript で遊ぶのだが、実例はブログのセキュリティーに引っかかるので、何をするかだけ書いてみる。

まず変数 list に getElementsByTag('a') を利用して、アンカータグのリストを取得する。そのあと for (i = 0; i < list.length; i++) 文を使って console.log(list.items(i).href); を実行すると、コンソールにそのページの全てのハイパーリンクが抜き出されて表示される。これはクリックするとそのページに移動することができる。

for 文を複数行で書きたいときは、改行する時にシフトキーを同時に押すと実行せずに改行だけしてくれる。

また、Console のカーソル移動は、Emacs 風に Ctrl-f, Ctrl-b, Ctrl-p, Ctrl-n が使える。また Ctrl-h は Backspace と同じ動作をする。また Ctrl-d でカーソル位置の文字を消すことができる。

Chrome の Console は楽しいかも。

by tnomura9 | 2015-12-08 00:11 | JavaScript | Comments(0)
<< JavaScript のオブジェクト Google Chrome の... >>