コンテンツ
Chromeデベロッパーツールの機能紹介
Console機能
Consoleはシェルとして使用することもでき、JavaScriptの操作をすることができます。
表示方法は Ctrl + Shift + J (Windows/Linux)、または Cmd + Opt + J (Mac) 、またはConsoleを選択してください。
Elements画面でも下に表示させることができます。
また、ドロワーとして表示させることもできます。
※ドロワーとは必要に応じて表示させるメニューのこと。一般的にはホーム画面とは別に用意されている表示領域のこと。
メッセージスタッキング
重複するメッセージをスタックするかそれぞれの行に表示させるかの表示方法
スタック表示の場合
スタック表示の場合は左側の余白に数字が表示されます。(数字は繰り返された回数)
それぞれの行に表示させる方法
それぞれの行に表示させる方法はデベロッパーツールの設定で「Show timestamps」にチェックを入れます。
履歴の削除
コンソール内で「clear()」と入力するかパネル内で右クリックの「Clear console」をクリックで削除できます。
また、同様に保存する場合は右クリックの「Save as」で保存できます。
以上、Console機能のご紹介とさせていただきました!
The following two tabs change content below.
shinya inoue
最新記事 by shinya inoue (全て見る)
- ウェブサイトの過去履歴が見れるインターネットアーカイブ(Internet Archive “Wayback Machine”) - 2021-01-08
- 【SEO】URLに関する検証方法・確認ツール紹介 - 2020-12-21
- SEOとドメインの関係 - 2020-12-09