web-dev-qa-db-ja.com

JavaScriptコンソールを異なるブラウザーで開くにはどうすればよいですか？

Webブラウザーは、開発ツールの一部としてJavaScriptコンソールを提供します。このコンソールは、次の理由で便利です。

  • Webページで発生したエラーと警告はコンソールにログインします。
  • Webページと対話するためのJavaScriptコマンドは、コンソールで実行できます。

さまざまなブラウザーでコンソールを開くためのキーボードショートカットは何ですか？

web-developmentjavascriptbrowsersdebug
79
Šime Vidas

Chrome

Chromeの「コンソール」パネルを開くDevTools：

  • Windows： Ctrl + Shift + J

  • マックOS： Cmd + Opt + J

注：「コンソール」パネルに加えて、次の方法で切り替えることができる小さなスライドアップコンソールもあります。 Esc 他のパネルのいずれかがアクティブである間

完全なドキュメント

Firefox

Firefoxの[コンソール]パネルを開く開発者ツール：

  • Windows： Ctrl + Shift + K

  • マックOS： Cmd + Opt + K

注：「コンソール」パネルに加えて、次の方法で切り替えることができる小さなスライドアップコンソールもあります。 Esc 他のパネルのいずれかがアクティブである間

完全なドキュメント

インターネットエクスプローラ

Internet ExplorerのF12開発者ツールで「コンソール」パネルを開く：

  • F12、[コンソール]タブをクリックします

注：「コンソール」パネルに加えて、次の方法で切り替えることができる小さなスライドアップコンソールもあります。 Ctrl + ` 他のパネルのいずれかがアクティブである間

完全なドキュメント

サファリ

注：Safariでコンソールを表示するには、Safariの設定の[詳細]ペインで[メニューバーに開発メニューを表示]設定を有効にする必要があります（ screenshot ）。

SafariのWeb Inspectorで「コンソール」パネルを開く：

  • Cmd + Opt + C

注：「コンソール」パネルに加えて、次の方法で切り替えることができる小さなスライドアップコンソールもあります。 Esc 他のパネルのいずれかがアクティブである間

完全なドキュメント

Opera

  • WindowsおよびLinux： Ctrl + Shift + I
  • マック ： ⌘+⌥+I

完全なドキュメント

66
Šime Vidas

間接的にOpera（v9.6でチェック）でコンソールに到達するには、ショートカットは Ctrl+Shift+i Safari 5（Windows）では Ctrl+Alt+i

すべてのブラウザメーカーが キーボードショートカットの標準化 に集まることを願っています。

更新：REPL 11のOpera Dragonflyの[スクリプト]タブの下にあるOperaタブは、以前のOperaバージョン。

大まかな検索の後、REPLに関するドキュメントをあまり見つけませんでした この記事を除く 間接参照があります。

Googleのホームページを開いた状態でREPLでこのコマンドを試しましたが、うまく実行されました。つまり、Googleロゴを非表示にしました-document.getElementById（ 'logo'）。style.visibility = 'hidden';

11
mvark