プログラミング未経験者の学習日記

私が学習した内容のまとめサイトです。

【Chrome Developer Tools入門】ConsoleでJavaScriptを実行したりコマンドラインAPIを使ってみよう!

Consoleについては以下のことを行うことが可能です。

 

JavaScriptの実行

 

javaScriptを記述し、Enterを押すと処理を実行することができます。
[Shift]+[Enter]キーで改行することができますので複数行の記述も可能です。

 

コマンドラインAPI

Consoleパネルでは下記のような Command Line APIを使うことができます。

 

$0~$4

Elementsパネルで選択した要素が保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素となる。

 

$()、$$()

要素を探すことができます。例えば$(’p’)、$$(’p’)とするとp要素を探すことができます。

 

copy()

引数に指定したDOM要素を 文字列(HTML)としてクリップボード にコピーします。

 

上記以外にも様々なコマンドラインが用意されています。

詳細は下記URLを参照してください。